@extends('layouts.layout')
@section('title', 'email template')

@section('content')
@include('settings.setting_sidebar')
<div class="tab-content-wrap">

<div class="tab-panel" id="setEmailTemplate">
            <div class="pb-2">
                <h3>Certificate Template To Edit</h3>
            </div>
            <form method="post" action="{{ url('setting/update-certificate-template') }}"  id="add-certificate-template" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="id" id="id">
                <!-- <div class="form-wrap style-input">
                <div class="row d-lg-flex align-items-center">
                    <div class="col-12">
                        <label for="module" class="mb-lg-0 style-label with-value">Choose Email Module</label>
                        <select class="form-select" id="module" name="module">
                           <option value="">Select Option</option>  
                           @if(isset($setting_email_module))
                                @foreach($setting_email_module as $key=>$value)
                                <option value="{{$value['id']}}">{{$value['name']}}</option>
                            @endforeach
                            @endif
                        </select>
                        </div>
                </div>
            </div> -->
         <!--    <div class="form-wrap style-input">
                <div class="row d-lg-flex align-items-center">
                    <div class="col-12">
                        <label for="change_email_template" class="mb-lg-0 style-label with-value">Choose Certificate To Edit</label>
                        <select class="form-select" id="change_email_template" name="email">
                           <option value="">Select Option</option>  
                           @if(isset($setting_email_template))
                                @foreach($setting_email_template as $key=>$value)
                                <option value="{{$value['id']}}">{{$value['email']}}</option>
                            @endforeach
                            @endif
                        </select>
                    </div>
                </div>
            </div> -->
         
            <div class="permission-header">
                <h4>Background Image*</h4>
            </div>
            <div class="custom-form-inner">
                <div class="custom-form-column">
                    <div class="form-upload-wrapper">
                        <div class="file-wrapper">
                            <!-- <input type="hidden" name="old_general_image" > -->
                            <input type="file" class="custom-file" placeholder="Drag and Drop a file here or click to select (Recommended size: 1280*728)" name="backgroundimage" onchange="readcmsURL(this);" />
                        </div>
                    </div>
                </div>
                <div class="custom-form-column">
                        @if(isset($setting_certificate_templates) && !empty($setting_certificate_templates->backgroundimage))
                        <a target="_blank" href="{{ asset('storage/certificate/'.$setting_certificate_templates->backgroundimage) }}" class="editshow-block">
                        <img id="general_Image_editPage_before_shows" class="editshowhide mt-0" src="{{ asset('storage/certificate/'.$setting_certificate_templates->backgroundimage) }}" alt="Image" >
                        </a>
                        @endif
                    </div>
            </div>  
            <div class="permission-header">
                <h4>Founder Sign Image*</h4>
            </div>

            <div class="custom-form-inner">
                <div class="custom-form-column">
                    <div class="form-upload-wrapper">
                        <div class="file-wrapper">
                            <!-- <input type="hidden" name="old_general_image" > -->
                            <input type="file" class="custom-file" placeholder="Drag and Drop a file here or click to select (Recommended size: 150*150)" name="signimage" onchange="readcmsURL(this);" />
                        </div>
                    </div>
                </div>
           
                <div class="custom-form-column">
                        @if(isset($setting_certificate_templates) && !empty($setting_certificate_templates->signimage))
                        <a target="_blank" href="{{ asset('storage/certificate/'.$setting_certificate_templates->signimage) }}" class="editshow-block">
                        <img id="general_Image_editPage_before_shows" class="editshowhide mt-0" src="{{ asset('storage/certificate/'.$setting_certificate_templates->signimage) }}" alt="Image" >
                        </a>
                        @endif
                </div>
            </div>
             <!-- <div class="permission-header">
                <h4>Number days before create certificate*</h4>
            </div>

            <div class="custom-form-inner">
                
                <div class="custom-form-column">
                    <div class="form-wrap form-wrap-custom">
                        <input type="text" id="number_days" class="form-control" placeholder="" name="number_days"  onkeypress="return event.charCode &gt;= 48 &amp;&amp; event.charCode &lt;= 57" value="{{(!empty($setting_certificate_templates))?$setting_certificate_templates->number_of_days:''}}">
                        <label for="number_days">Number days before create certificate</label>
                    </div>
                </div>
            </div> -->
          <!--   <div class="form-upload-wrapper">
                 <div class="file-wrapper">
                    <input type="file"  multiple name="image[]" id="venue_image_onchange"/>
                    

                </div>
            </div> -->
            <!-- <div class="form-wrap style-input">
                <div class="row d-lg-flex align-items-center">
                    <div class="col-12 col-lg-12">
                    <label for="backgroundimage" class="mb-lg-0 style-label with-value">Background Image</label>
                      <input type="file" name="backgroundimage" class="form-control" placeholder="" id="backgroundimage">      
                    </div>
                </div>
            </div>
            <div class="form-wrap style-input">
                <div class="row d-lg-flex align-items-center">
                    <div class="col-12 col-lg-12">
                    <label for="signimage" class="mb-lg-0 style-label with-value">Founder Sign Image</label>
                      <input type="file" name="signimage" class="form-control" placeholder="" id="signimage">      
                    </div>
                </div>
            </div> -->            
            <div class="permission-header">
                <h4>Details*</h4>
            </div>
            <textarea  name="certificate_template_ckeditor" id="editor">{{(!empty($setting_certificate_templates))?$setting_certificate_templates->description:''}}</textarea>
            <div class="d-flex justify-content-end mt-4">
                <button type="submit" class="btn">Save</button>
            </div>
            </form>
        </div>
</div>

<!-- setting user contracts get data using id  -->
<script>
//  $(document).ready(function() {
//     $('select[name="module"]').on('change', function() {
//         var module_id = $(this).val();

//         if (module_id) {
//             $.ajax({
//                 url: '/setting/get_email_template/' + encodeURI(module_id),
//                 type: "GET",
//                 dataType: "json",
//                 success: function(data) {
//                     // Clear existing options
//                     $('select[name="email"]').empty();

//                     // Populate options based on the received data

//                     $.each(data, function(key, value) {
//                     console.log(value.email);
//                         $('select[name="email"]').append('<option value="' + value.id + '">' + value.email + '</option>');
//                     });
//                 },
//                 error: function(xhr, status, error) {
//                     console.error('AJAX Error:', status, error);
//                 }
//             });
//         } else {
//             // Clear options if no module is selected
//             $('select[name="state"]').empty();
//         }
//     });
// });

        $("#change_email_template").on("change", function () {
        var email_id = $(this).val();
        axios.post('onchange-get-email-template', {
        email_id: email_id
        })
        .then(function(response) {
            const get_template_data = response.data.get_template;
            $("#id").val(get_template_data[0].id);
            var editor = tinymce.get('editor');
                if (!editor) {
                    tinymce.init({
                        selector: '#editor',
                        plugins: 'link image code',
                        relative_urls: true,
                   });
                    editor = tinymce.get('editor');
                }
                $("#subject").val(get_template_data[0].subject);
                editor.setContent(get_template_data[0].description);
     
        });
    });
</script>
@if(isset($setting_certificate_templates) && !empty($setting_certificate_templates))
{!! JsValidator::formRequest('App\Http\Requests\SettingEditCertificateTemplate','#add-certificate-template') !!}
@else
{!! JsValidator::formRequest('App\Http\Requests\SettingCertificateTemplate','#add-certificate-template') !!}
@endif
@include('scripts.setting_terms_script')

@endsection