@extends('layouts.app_new')
@section('title', 'Policy')
@section('style')
<style>
    select[readonly].select2-hidden-accessible+.select2-container {
        pointer-events: none;
        touch-action: none;
    }

    select[readonly].select2-hidden-accessible+.select2-container .select2-selection {
        background: #eee;
        box-shadow: none;
    }

    select[readonly].select2-hidden-accessible+.select2-container .select2-selection__arrow,
    select[readonly].select2-hidden-accessible+.select2-container .select2-selection__clear {
        display: none;
    }
</style>
@endsection
@section('content')
<div class="row flex-fill gutters justify-content-center">
    <div class="col-md-12">
        @isset($udreq)
        @include('policies.request.show')
        @endisset
        <div class="card shadow">
            <div class="card-body" @if(isset($udreq)&& $udreq->action=='updatePolicy') readonly @endif>
                <h5 class="text-primary card-title my-2 ms-2">
                    @isset($policy)
                    {{ __('Update Policy') }} @else{{ __('New Policy') }}
                    @endisset
                </h5>
                <hr class="w-100 mb-4">
                <form action="{{ empty($policy) ? route('policies.store') : route('policies.update', $policy->id) }}"
                    method="POST" class="form" enctype="multipart/form-data">
                    @csrf
                    @isset($policy)
                    @method('PUT')
                    @endisset
                    <div class="row my-2 justify-content-center mb-2 gy-2 align-items-center">
                        {{-- PLAN: policy_type --}}
                        <label class="card-title form-label col-md-2 text-end">{{ __('Plan') }} :</label>
                        <div class="col-md-4">
                            <select class="form-control  @error('plan') is-invalid @enderror select-2"
                                style="width: 100%" name="plan" required>
                                @foreach ($types as $type)
                                <option @if($type->id == old('plan') || (isset($policy) && $type->en_title ==
                                    $policy->plan)) selected @endif
                                    value="{{ $type->id }}"> {{ $type->en_title }}</option>
                                @endforeach
                            </select>
                            @error('plan')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <label class="card-title form-label col-md-2 text-end">{{ __('Issued Date') }} :</label>
                        <div class="col-md-4">
                            <input class="form-control  @error('issued_date') is-invalid @enderror" name="issued_date"
                                required @isset($policy) value="{{ $policy->issued_date}}" disabled @else
                                value="{{ old('issued_date')??date('Y-m-d') }}" @endisset type="date" max="9999-12-31">
                            @error('issued_date')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>

                        {{-- Policy Information --}}
                        <label class="card-title form-label col-md-2 text-end">{{ __('Effective Date') }}
                            :</label>
                        <div class="col-md-4"> <input
                                class="form-control  @error('effective_date') is-invalid @enderror"
                                name="effective_date" required @isset($policy)
                                value="{{ $policy->effective_date ?? '' }}" {{-- disabled --}} @else
                                value="{{ old('effective_date')??date('Y-m-d') }}" @endisset type="date"
                                max="9999-12-31" @if(isset($policy) && (date($policy->effective_date) < date('Y-m-d')))
                                readonly @endif>
                                @error('effective_date')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                        </div>
                        <label class="card-title form-label col-md-2 text-end">{{ __('Expiry Date') }} :</label>
                        <div class="col-md-4">
                            <input class="form-control  @error('expiry_date') is-invalid @enderror" name="expiry_date"
                                required @isset($policy) value="{{ $policy->expiry_date ?? '' }}" {{-- disabled --}}
                                @else value="{{ old('expiry_date')??date('Y-m-d') }}" @endisset type="date"
                                max="9999-12-31" @if(isset($policy) && (date($policy->expiry_date) < date('Y-m-d')))
                                readonly @endif>
                                @error('expiry_date')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                        </div>

                        <label class="card-title form-label col-md-2 text-end">{{ __('Group Number') }}
                            :</label>
                        <div class="col-md-4">
                            <input class="form-control  @error('pGroup_no') is-invalid @enderror" name="pGroup_no"
                                required @isset($policy) value="{{ $policy->pGroup_no }}" @else
                                value="{{ old('pGroup_no') }}" @endisset>
                            @error('pGroup_no')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <label class="card-title form-label col-md-2 text-end">{{ __('Group Name') }}
                            :</label>
                        <div class="col-md-4">
                            <input class="form-control  @error('pGroup_name') is-invalid @enderror" name="pGroup_name"
                                required @isset($policy) value="{{ $policy->pGroup_name }}" @else
                                value="{{ old('pGroup_name') }}" @endisset>
                            @error('pGroup_name')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        {{-- policy holder Information --}}

                        {{-- holder name --}}
                        <label class="card-title form-label col-md-2 text-end">{{ __('Policy Holder') }}
                            :</label>
                        <div class="col-md-4">
                            <input class="form-control  @error('policy_holder') is-invalid @enderror"
                                name="policy_holder" required @isset($policy) value="{{ $policy->policy_holder }}" @else
                                value="{{ old('policy_holder') }}" @endisset>
                            @error('policy_holder')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>

                        {{-- phone number --}}
                        <label class="card-title form-label col-md-2 text-end">{{ __('Telephone') }} :</label>
                        <div class="col-md-4">
                            <input class="form-control  @error('telephone') is-invalid @enderror" name="telephone"
                                dir="ltr" required @isset($policy) value="{{ $policy->telephone }}" @else
                                value="{{ old('telephone') }}" @endisset placeholder="+ --- ----------" dir="ltr">
                            @error('telephone')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>

                        {{-- email --}}
                        <label class="card-title form-label col-md-2 text-end">{{ __('Email') }} :</label>
                        <div class="col-md-4"> <input class="form-control  @error('email') is-invalid @enderror"
                                name="email" type="email" required @isset($policy) value="{{ $policy->email }}" @else
                                value="{{ old('email') }}" @endisset placeholder="example@domain.com" dir="ltr">
                            @error('email')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <label class="card-title form-label col-md-2 text-end">{{ __('Residence') }} :</label>
                        <div class="col-md-4">
                            <select class="form-control  @error('residence') is-invalid @enderror select-2"
                                name="residence" required style="width:100%">
                                @if(!empty(old('residence')))
                                @foreach ($countries as $country)
                                <option @if($country->id == old('residence')) selected @endif value="{{ $country->id
                                    }}">
                                    {{ $country->en_name }}</option>
                                @endforeach
                                @elseif(isset($policy) )
                                @foreach ($countries as $country)
                                <option @if($country->en_name == $policy->residence) selected @endif
                                    value="{{ $country->id }}"> {{ $country->en_name }}</option>
                                @endforeach
                                @else
                                @foreach ($countries as $country)
                                <option @if($default_country==$country->id) selected @endif value="{{ $country->id }}">
                                    {{ $country->en_name }}
                                </option>
                                @endforeach
                                @endif
                            </select>
                            @error('residence')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>

                        <label class="card-title form-label col-md-2 text-end">{{ __('Destination') }} :</label>
                        <div class="col-md-4">
                            <select class="form-control  @error('destination') is-invalid @enderror select-2"
                                name="destination" required style="width:100%">
                                @if(!empty(old('destination')))
                                @foreach ($countries as $country)
                                <option @if($country->id == old('destination')) selected @endif
                                    value="{{ $country->id }}"> {{$country->en_name }}</option>
                                @endforeach
                                @elseif(isset($policy) )
                                @foreach ($countries as $country)
                                <option @if($country->en_name == $policy->destination) selected @endif
                                    value="{{$country->id}}"> {{ $country->en_name }}</option>
                                @endforeach
                                @else
                                @foreach ($countries as $country)
                                <option @if($default_des_country==$country->id) selected @endif
                                    value="{{ $country->id}}"> {{ $country->en_name }}
                                </option>
                                @endforeach
                                @endif
                                {{-- @foreach ($countries as $country)
                                <option @if ($country->id == old('destination') || (isset($policy) && $country->en_name
                                    == $policy->destination)) selected @endif
                                    value="{{ $country->id }}"> {{ $country->en_name }}</option>
                                @endforeach --}}
                            </select>
                            @error('destination')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <label class="card-title form-label col-md-2 text-end">{{ __('Address') }} :</label>
                        <div class="col-md-4">
                            <input class="form-control  @error('address') is-invalid @enderror" name="address" required
                                @isset($policy) value="{{ $policy->address }}" @else value="{{ old('address') }}"
                                @endisset>
                            @error('address')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <label class="card-title form-label col-md-2 text-end">{{ __('Producer') }} :</label>
                        <div class="col-md-4"> <input class="form-control  @error('producer') is-invalid @enderror"
                                name="producer" required @isset($policy) value="{{ $policy->producer }}" @else
                                value="{{ old('producer') ?? Auth::user()->EnName() }}" @endisset>
                            @error('producer')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>

                    </div>
                    <hr>
                    <div class="row">
                        <div class="col text-end">{{ __('chose csv/excel file') }}</div>
                        <div class="col-6">
                            <input type="file" name="csvFile" class="form-control" id="customFile">
                        </div>
                        <div class="col"><a href="{{ route('travelers.temp') }}">{{ __('Download Template') }}</a></div>
                    </div>
                    <div class="row">
                        <div class="col-12 table-responsive">
                            <table class="table table-hover table-border table-responsive text-center"
                                style="width: 100%">
                                <thead class="thead-default">
                                    <tr>
                                        <td>#</td>
                                        <th>{{ __('First Name') }}</th>
                                        <th>{{ __('Father Name') }}</th>
                                        <th>{{ __('Last Name') }}</th>
                                        <th>{{ __('Birth Date') }}</th>
                                        <th>{{ __('Passport No') }}</th>
                                        <th>{{ __('Gender') }}</th>
                                        <th>{{ __('Control') }}</th>
                                    </tr>
                                </thead>
                                <tbody id="trav_table_body">
                                    @if (!empty(old('trav')))
                                    @php
                                    $travs = old('trav'); @endphp
                                    @for ($key = 0; $key < count(old('trav.fname')); $key++) <tr
                                        @if($travs['del'][$key]) class="alert-dark" @endif>
                                        <td>{{$key+1}}</td>
                                        <td>
                                            <input class="form-control" type="text" name="trav[fname][]"
                                                value="{{ $travs['fname'][$key] }}" dir="ltr">
                                            @error('trav.fname.' . $key . '')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </td>

                                        <td>
                                            <input class="form-control" type="text" name="trav[father_name][]"
                                                value="{{ $travs['father_name'][$key] }}" dir="ltr">
                                            @error('trav.father_name.' . $key . '')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </td>
                                        <td>
                                            <input class="form-control" type="text" name="trav[lname][]"
                                                value="{{ $travs['lname'][$key] }}" dir="ltr">
                                            @error('trav.lname.' . $key . '')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </td>
                                        <td>
                                            <input class="form-control" type="date" max="9999-12-31"
                                                name="trav[birth_date][]" value="{{ $travs['birth_date'][$key] }}"
                                                dir="ltr">
                                            @error('trav.birth_date.' . $key . '')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </td>
                                        <td>
                                            <input class="form-control" type="text" name="trav[passport_no][]"
                                                value="{{ $travs['passport_no'][$key] }}" dir="ltr">
                                            @error('trav.passport_no.' . $key . '')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </td>
                                        <td>
                                            <select class="form-control" name="trav[gender][]">
                                                <option @if ($travs['gender'][$key]=='male' ) selected @endif
                                                    value="male">{{ __('Male') }}</option>
                                                <option @if ($travs['gender'][$key]=='female' ) selected @endif
                                                    value="female">{{ __('Female') }}</option>
                                            </select>
                                            @error('trav.gender.' . $key . '')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </td>
                                        <td>
                                            <button id="btn-cancel" class="btn btn-outline-danger mx-1 px-3 btn-delete"
                                                onclick="setInput(this)" type="button"
                                                data-rowid="{{$travs['id'][$key]??null}}">
                                                {{$travs['del'][$key]?__('Active Traveler'):__('Cancel Traveler')}}

                                            </button>
                                            <input class="state" hidden type="text" name="trav[del][]"
                                                value="{{ $travs['del'][$key] ?? 0}}">
                                            <input class="state_id" hidden type="text" name="trav[id][]"
                                                value="{{ $travs['id'][$key] ??null }}">
                                            <button class="btn rounded-circle btn-outline-danger mx-1  px-3 btn-delete"
                                                onclick="deleteRow(this)">
                                                <i class="zmdi zmdi-delete"></i>
                                            </button>
                                        </td>
                                        </tr>
                                        @endfor
                                        @elseif(!empty($policy))
                                        @php
                                        $travs = $policy->travelers ?? [];
                                        // dd($travs);
                                        @endphp
                                        @foreach ($travs as $key => $trav)
                                        <tr @if ($trav->deleted) class="alert-dark" @endif>
                                            <td>{{$key+1}}</td>
                                            <td>
                                                <input class="form-control" type="text" name="trav[fname][]"
                                                    value="{{ $trav->fname }}" dir="ltr">
                                            </td>

                                            <td>
                                                <input class="form-control" type="text" name="trav[father_name][]"
                                                    value="{{ $trav->father_name }}" dir="ltr">
                                            </td>
                                            <td>
                                                <input class="form-control" type="text" name="trav[lname][]"
                                                    value="{{ $trav->lname }}" dir="ltr">
                                            </td>
                                            <td>
                                                <input class="form-control" type="date" max="9999-12-31"
                                                    name="trav[birth_date][]" value="{{ $trav->birth_date }}" dir="ltr">
                                            </td>
                                            <td>
                                                <input class="form-control" type="text" name="trav[passport_no][]"
                                                    value="{{ $trav->passport_no }}" dir="ltr">
                                            </td>
                                            <td>
                                                <select class="form-control" name="trav[gender][]">
                                                    <option @if ($trav->gender == 'male') selected @endif
                                                        value="male">{{ __('Male') }}</option>
                                                    <option @if ($trav->gender == 'female') selected @endif
                                                        value="female">{{ __('Female') }}</option>
                                                </select>
                                            </td>
                                            <td>

                                                <button id="btn-cancel"
                                                    class="btn btn-outline-danger mx-1 px-3 btn-delete"
                                                    onclick="setInput(this)" type="button" data-rowid="{{$trav->id}}"
                                                    {{-- {{$trav->deleted?'disabled':''}} --}}
                                                    >
                                                    {{$trav->deleted?__('Active Traveler'):__('Cancel Traveler')}}
                                                </button>
                                                <input class="state" hidden type="text" name="trav[del][]"
                                                    value="{{ $trav->deleted ?? 0}}">
                                                <input class="state_id" hidden type="text" name="trav[id][]"
                                                    value="{{ $trav->id ?? 0}}">
                                                <button id="btn-delete"
                                                    class="btn rounded-circle btn-outline-danger mx-1  px-3 btn-delete"
                                                    onclick="deleteRow(this)">
                                                    <i class="zmdi zmdi-delete"></i>
                                                </button>
                                            </td>

                                        </tr>
                                        @endforeach
                                        @endif
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td>
                                            <button id="add_trav" type="button" class="btn btn-primary">
                                                {{ __('New Traveler') }}</button>
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                    <a class="btn btn-secondary float-end mx-2" href="{{isset($udreq)?route('request.index'):route('policies.index') }}">
                        {{ __('Cancel') }}</a>
                    <button class="btn btn-primary float-end mx-2" type="submit">
                        {{ __('Submit') }}
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
<script>
    $(".select-2").select2({ theme: 'bootstrap-5' });
</script>
<script src="{{ asset('datatable/jquery.js') }}"></script>
<script type="text/javascript">
    $(function() {
            $('#add_trav').on('click', function() {
                $('#trav_table_body').append( `<tr>
                    <td>#</td>
                <td> <input class="form-control" type="text" name="trav[fname][]" required dir="ltr"></td>
                <td> <input class="form-control" type="text" name="trav[father_name][]" required dir="ltr"></td>
                <td> <input class="form-control" type="text" name="trav[lname][]" required dir="ltr"></td>
                <td> <input class="form-control" type="date"  max="9999-12-31" name="trav[birth_date][]" required dir="ltr"></td>
                <td> <input class="form-control" type="text" name="trav[passport_no][]" required dir="ltr"></td>
                <td><select class="form-select mx-2" name="trav[gender][]" required>
                        <option value="male">{{ __('Male') }}</option>
                        <option value ="female">{{ __('Female') }}</option></select></td>
                <td><button id="btn-cancel" class="btn btn-outline-danger mx-1  px-3 btn-delete" onclick="setInput(this)" type="button">
                    {{__('Cancel')}}

                </button>
                <input hidden name="trav[del][]" class="state" value="0">
                    <button type="button" class="btn rounded-circle btn-outline-danger btn-delete" onclick="deleteRow(this)">
                        <i class="zmdi zmdi-delete"></i>
                    </button>
                </td>

            </tr>`);
            });
        });

        function deleteRow(del_btn) {
            del_btn.closest('tr').remove();
        }
        function setInput(cancel_btn){
            if($(cancel_btn.closest('tr')).find('.state').val()==2){
                $(cancel_btn).text("{{__('Cancel Traveler')}}");
                $(cancel_btn.closest('tr')).find('.state').val(0);
            }else{
                $(cancel_btn).text("{{__('Active Traveler')}}");
                $(cancel_btn.closest('tr')).find('.state').val(2);
            }
            $(cancel_btn.closest('tr')).toggleClass('alert-dark');
            console.log($(cancel_btn.closest('tr')).find('.state').val());
        }


        // function cancel(cancel_btn){
        //     // cancel_btn.preventDefault();
        //     if (!confirm("Are you sure?")) return;
        //     console.log($(cancel_btn).data());
        //     var rowid = $(cancel_btn).data('rowid');
        //     if (!rowid) return;


        //     $.ajax({
        //         type: "POST",
        //         url: "{{route('policyTraveler.cancel')}}",
        //         data:{
        //             id:rowid,
        //             _token:$('meta[name="csrf-token"]').attr('content'),
        //         },
        //         success:function(response){
        //             setInput(cancel_btn);
        //             if(response) {
        //                 $(cancel_btn).text(response.nextAction);     alert("success");

        //             }
        //         },
        //          error: function(response) {
        //             console.log(response);
        //         }
        //     });

        // }
</script>
@endsection