@extends('organizations.layouts.default')
@section('content')
    <main>
        <div class="max-w-screen-2xl mx-auto p-2 md:p-2 2xl:p-4">
            <div class="text-title-xsm">
                <div class="flex justify-between m-0 p-0">
                    <!-- Breadcrumb Start -->
                    @include('organizations.layouts.partials.breadcrumb')
                </div>
                <hr class="text-white my-3">
                <div class="my-3">
                </div>
                @include('organizations.rosters.partials.nav')
                <div class="rounded-sm border border-stroke bg-white shadow-default dark:border-strokedark dark:bg-boxdark">

                    <div class="p-6.5">
                        {{ html()->modelForm($model, getMethod($model), getMethod($model) == 'POST' ? route('organization.' . $route . '.store') : route('organization.' . $route . '.update', $model->id))->id('form-validator')->acceptsFiles()->open() }}
                        <div class="grid grid-cols-1 mb-4">
                            {{ ym_input([
                                'label' => __('form.Notice Title'),
                                'type' => 'text',
                                'name' => 'roster_title',
                                'required' => true,
                                'value' => $model->roster_title,
                            ]) }}
                        </div>
                        <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
                            {{ ym_date([
                                'label' => __('form.Start Date'),
                                'name' => 'start_date',
                                'required' => true,
                                'value' => $model->start_date,
                                'min' => now()->format('Y-m-d'),
                            ]) }}

                            {{ ym_input([
                                'type' => 'datetime',
                                'label' => __('form.End Date'),
                                'name' => 'end_date',
                                'required' => true,
                                'value' => $model->end_date,
                                'min' => now()->format('Y-m-d H:i'),
                            ]) }}

                            {{
                                ym_select(['label'=>__('form.Language'),
                                    'name'=>'lang',
                                    'id'=>'notice_lang',
                                    'options'=>['en'=>'EN','np'=>'NP'],
                                    'placeholder'=> __('form.Select Language'),
                                    'value' => $model->lang ?? null,
                                ]),

                             }}

                        </div>

                        <div class="grid grid-cols-1 gap-4 mb-3">
                            <div class="sm:flex items-center space-x-8">
                                <label class="font-semibold text-black dark:text-white">Apply Method <span
                                        class="text-danger">*</span></label>
                                <div class="flex items-center">
                                    <input type="checkbox" checked="checked" @click.prevent name="apply_online" value="1" id="apply_online"
                                        class="rounded border-[1.5px] bg-transparent py-3 px-5 font-medium outline-none transition focus:border-primary active:border-primary disabled:cursor-default disabled:bg-w dark:border-form-strokedark dark:bg-form-input dark:focus:border-primary {{ $errors->has('apply_online') ? ' border-red-500' : ' border-stroke' }}"
                                        {{ old('apply_online', $model->apply_online ?? '') ? 'checked' : '' }}>
                                    <label for="apply_online" class="ml-2 text-black dark:text-white">Online</label>
                                </div>

                                <div class="flex items-center">
                                    <input type="checkbox" name="apply_offline" value="1" id="apply_offline"
                                        class="rounded border-[1.5px] bg-transparent py-3 px-5 font-medium outline-none transition focus:border-primary active:border-primary disabled:cursor-default disabled:bg-w dark:border-form-strokedark dark:bg-form-input dark:focus:border-primary {{ $errors->has('apply_offline') ? ' border-red-500' : ' border-stroke' }}"
                                        {{ old('apply_offline', $model->apply_offline ?? '') ? 'checked' : '' }}>
                                    <label for="apply_offline" class="ml-2 text-black dark:text-white">Submission in  Office</label>
                                </div>

                                <div class="flex items-center">
                                    <input type="checkbox" name="apply_email" value="1" id="apply_email"
                                        class="rounded border-[1.5px] bg-transparent py-3 px-5 font-medium outline-none transition focus:border-primary active:border-primary disabled:cursor-default disabled:bg-w dark:border-form-strokedark dark:bg-form-input dark:focus:border-primary {{ $errors->has('apply_email') ? ' border-red-500' : ' border-stroke' }}"
                                        {{ old('apply_email', $model->apply_email ?? '') ? 'checked' : '' }}>
                                    <label for="apply_email" class="ml-2 text-black dark:text-white">Send via Email</label>
                                </div>
                            </div>
                            @error('apply_method')
                                <div class="border-red-500 text-danger p-2">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="grid md:grid-cols-2 gap-4 mb-3">
                            <div id="submission_address_field"
                                class="mt-3 {{ old('apply_offline', $model->apply_offline ?? '') ? '' : 'hidden' }}">
                                <label for="submission_address" class="font-semibold text-black dark:text-white">Office
                                    Address</label>
                                <input type="text" name="submission_address" id="submission_address"
                                    class="w-full rounded border-[1.5px] bg-transparent py-3 px-5 font-medium outline-none transition focus:border-primary active:border-primary disabled:cursor-default disabled:bg-w dark:border-form-strokedark dark:bg-form-input dark:focus:border-primary {{ $errors->has('submission_address') ? ' border-red-500' : ' border-stroke' }}"
                                    value="{{ old('submission_address', $model->submission_address ?? $org_address) }}">
                                @error('submission_address')
                                    <div class="border-red-500 text-danger p-2">{{ $message }}</div>
                                @enderror
                            </div>
                            <div id="submission_email_field"
                                class="mt-3 {{ old('apply_email', $model->apply_email ?? '') ? '' : 'hidden' }}">
                                <label for="submission_email" class="font-semibold text-black dark:text-white">Submission
                                    Email</label>
                                <input type="email" name="submission_email" id="submission_email"
                                    class="w-full rounded border-[1.5px] bg-transparent py-3 px-5 font-medium outline-none transition focus:border-primary active:border-primary disabled:cursor-default disabled:bg-w dark:border-form-strokedark dark:bg-form-input dark:focus:border-primary {{ $errors->has('submission_email') ? ' border-red-500' : ' border-stroke' }}"
                                    value="{{ old('submission_email', $model->submission_email ?? $org_email) }}">
                                @error('submission_email')
                                    <div class="border-red-500 text-danger p-2">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="grid grid-cols-1 gap-4">
                            @if(!$model->id>0)
                            <div class="flex justify-end">
                               <p>
                                <input type="checkbox" name="skip_steps" value="1" id="skipStepWizrdAdvance_field" /> <label for="skipStepWizrdAdvance_field" class="cursor-pointer text-blue-500"> Skip Steps and Apply Quick Wizard to Create Notice</label>
                               </p>
                            </div>
                            @endif
                            <div id="skip_advance_form_wizard" class="">
                            {{ ym_textarea([
                                'label' => __('form.Notice Details'),
                                'name' => 'roster_details',
                                'editor' => 'editor',
                                'value' => $model->roster_details,
                                'required' => true,
                                'enlarge' => true,
                            ]) }}
                            </div>
                        </div>
                        <div class="grid md:grid-cols-2 gap-4">
                            <div>
                                <label class="font-semibold text-black dark:text-white">Related Document Files</label>
                                <div class="flex items-center space-x-6">
                                    <div class="shrink-0">
                                        @if($model->medias)
                                        @if(is_image($model->medias))
                                        <img id='preview_img' class="h-16 w-16 object-cover rounded-full"
                                            src="{{ asset($model->medias) }}"
                                            alt="Current file" />
                                            @else
                                            <iframe id="preview_pdf" style="width: 100%; height: 150px;" frameborder="0" src="{{ asset($model->medias) }}"></iframe>
                                            @endif
                                            @else
                                        <img id='preview_img' class="h-16 w-16 object-cover rounded-full"
                                        src="{{ asset('images/task/task-01.jpg') }}"
                                        alt="Current file" />
                                            <iframe id="preview_pdf" style="display:none; width: 100%; height: 150px;" frameborder="0"></iframe>
                                        @endif
                                    </div>

                                    <label class="block">
                                        <input type="file" name="medias" id="fileInput"
                                            class="block w-full text-sm text-slate-500
                            file:mr-4 file:py-2 file:px-4
                            file:rounded-full file:border-0
                            file:text-sm file:font-semibold
                            file:bg-violet-50 file:text-violet-700
                            hover:file:bg-violet-100" />
                                </div>
                            </div>
                            <div>
                                {{ ym_input([
                                    'label' => __('form.External Links'),
                                    'type' => 'text',
                                    'name' => 'external_links',
                                    'value' => $model->external_links,
                                ]) }}
                            </div>
                        </div>
                        <div class="flex gap-3 mt-8">
                            <button type="submit" name="submit" value="SUBMIT"
                                class="text-white bg-brandBlue hover:bg-blue-800 focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium rounded-full text-md px-5 py-2.5 text-center me-2 mb-2 dark:bg-blue-600 dark:hover:bg-brandBlue dark:focus:ring-blue-800">
                                {{ __('form.Save') }}
                            </button>
                            <a type="button"
                                class="text-white bg-red-700 hover:bg-red-800 focus:outline-none focus:ring-4 focus:ring-red-300 font-medium rounded-full text-md px-5 py-2.5 text-center me-2 mb-2 dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-900"
                                href="{{ route('organization.rosters.index') }}">{{ __('form.Cancel') }}</a>
                        </div>
                        {{ html()->closeModelForm() }}
                    </div>
                </div>
            </div>
        </div>
    </main>
    <script>
    function loadTemplate(id){
        const params =  new URLSearchParams({
            roster_title : getElementValue('roster_title'),
            sdate : getElementValue('sdate'),
            edate : getElementValue('edate'),
            aponline : isChecked('apply_online'),
            apoffline : isChecked('apply_offline'),
            appemail : isChecked('apply_email'),
            oaddress : getElementValue('submission_address'),
            semail : getElementValue('submission_email')
       });
        const url = '{{url('organization/get-template/')}}/'+id+"?"+params.toString()
        ymGet(url)
            .then(data => {
                if (data) {
                    CKEDITOR.instances.roster_details.setData(data.data.template_details);
                } else {
                console.log('No data returned');
                }
            });
    }
</script>
@endsection