@extends('layouts.app')

@section('content')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.19/css/intlTelInput.css" />
    <div class="page-wrapper">
        <div class="row page-titles">

            <div class="col-md-5 align-self-center">
                <h3 class="text-themecolor">{{ trans('lang.chefs_plural') }}</h3>
            </div>
            <div class="col-md-7 align-self-center">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ url('/dashboard') }}">{{ trans('lang.dashboard') }}</a></li>
                    <li class="breadcrumb-item"><a href="{!! route('chefs') !!}">{{ trans('lang.chefs_plural') }}</a></li>
                    <li class="breadcrumb-item active">{{ trans('lang.chefs_edit') }}</li>
                </ol>
            </div>
        </div>
        <div>

            <div class="card-body">
                <div id="data-table_processing" class="dataTables_processing panel panel-default" style="display: none;">
                    {{ trans('lang.processing') }}
                </div>
                <div class="error_top"></div>
                @include('alerts.error_messages')
                <form id="chefs-form" action="{{ route('chefs.update', $chef->id) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')
                    <div class="row restaurant_payout_create">
                        <div class="restaurant_payout_create-inner">
                            {{-- <fieldset>
                                <legend>{{trans('lang.admin_area')}}</legend>

                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{trans('lang.first_name')}}</label>
                                    <div class="col-7">
                                        <input type="text" class="form-control user_first_name" required
                                         onkeypress="return chkNumbers2(event,'error4')">
                                       <div id="error4" class="err"></div>

                                        <div class="form-text text-muted">
                                            {{ trans("lang.user_first_name_help") }}
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{trans('lang.last_name')}}</label>
                                    <div class="col-7">
                                        <input type="text" class="form-control user_last_name" onkeypress="return chkNumbers2(event,'error5')">
                                       <div id="error5" class="err"></div>

                                        <div class="form-text text-muted">
                                            {{ trans("lang.user_last_name_help") }}
                                        </div>
                                    </div>
                                </div>


                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{trans('lang.email')}}</label>
                                    <div class="col-7">
                                        <input type="email" class="form-control user_email" required>
                                        <div class="form-text text-muted">
                                            {{ trans("lang.user_email_help") }}
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{trans('lang.password')}}</label>
                                    <div class="col-7">
                                        <input type="password" class="form-control user_password" required>
                                        <div class="form-text text-muted">
                                            {{ trans("lang.user_password_help") }}
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{trans('lang.user_phone')}}</label>
                                    <div class="col-7">
                                      <input type="text" class="form-control user_phone"
                                       onkeypress="return chkAlphabets2(event,'error1')">
                                       <div id="error1" class="err"></div>
                                        <div class="form-text text-muted w-50">
                                            {{ trans("lang.user_phone_help") }}
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group row width-100">
                                    <label class="col-3 control-label">{{trans('lang.profile_image')}}</label>
                                    <input type="file" onChange="handleFileSelectowner(event)" class="col-7">
                                    <div id="uploding_image_owner"></div>
                                    <div class="uploaded_image_owner" style="display:none;"><img
                                                id="uploaded_image_owner"
                                                src="" width="150px" height="150px;"></div>
                                </div>

                            </fieldset> --}}

                            <fieldset>
                                <legend>{{ trans('lang.chefs_details') }}</legend>

                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{ trans('lang.chefs_name') }}</label>
                                    <div class="col-7">
                                        <input type="text" value="{{ $chef->name }}" name="name"
                                            class="form-control chefs_name" required>
                                        <div class="form-text text-muted">
                                            {{ trans('lang.chefs_name_help') }}
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{ trans('lang.vendor') }}</label>
                                    <div class="col-7">
                                        <select id="vendor" name="vendor_id" class="form-control" required>
                                            <option value="">{{ trans('lang.select_vendor') }}</option>
                                            @foreach ($vendors as $vendor)
                                                @php $selected = ""; @endphp
                                                @if ($vendor->id == $chef->vendor_id)
                                                    @php $selected = "selected"; @endphp
                                                @endif
                                                <option value="{{ $vendor->id }}" {{ $selected }}>
                                                    {{ $vendor->business_name }}</option>
                                            @endforeach
                                        </select>
                                        <div class="form-text text-muted">
                                            {{ trans('lang.chef_vendor_help') }}
                                        </div>
                                    </div>
                                </div>
                                {{-- Category Dropdown --}}
                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{ trans('lang.category') }}</label>
                                    <div class="col-7">
                                        <select id="category" name="category" class="form-control" required>
                                            <option value="">{{ trans('lang.select_cuisines') }}</option>
                                            @foreach ($categories as $category)
                                                @php $selected = ""; @endphp
                                                @if ($parent_id?->id == $category->id)
                                                    @php $selected = "selected"; @endphp
                                                @endif
                                                <option value="{{ $category->id }}" {{ $selected }}>
                                                    {{ $category->name }}</option>
                                            @endforeach
                                        </select>
                                        <div class="form-text text-muted">
                                            {{ trans('lang.restaurant_cuisines_help') }}
                                        </div>
                                    </div>
                                </div>

                                {{-- Subcategory Dropdown (Multiselect) --}}
                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{ trans('lang.sub_category') }}</label>
                                    <div class="col-7">
                                        <select id="subcategories" name="subcategories[]" class="form-control" multiple>
                                            @foreach ($subcategories as $subcategory)
                                                @php $selected = ""; @endphp
                                                @foreach ($chef->categories as $selectedcategory)
                                                    @if ($selectedcategory->id == $subcategory['id'])
                                                        @php $selected = "selected"; @endphp
                                                    @endif
                                                @endforeach

                                                <option value="{{ $subcategory['id'] }}" {{ $selected }}>
                                                    {{ $subcategory['name'] }}</option>
                                            @endforeach
                                        </select>
                                        <div class="form-text text-muted">
                                            {{ trans('lang.restaurant_subcategory_help') }}
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{ trans('lang.email') }}</label>
                                    <div class="col-7">
                                        <input type="email" value="{{ $chef->email }}" name="email"
                                            class="form-control email" required>
                                        <div class="form-text text-muted">
                                            {{ trans('lang.restaurant_email_help') }}
                                        </div>
                                    </div>
                                </div>
                                {{-- <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{ trans('lang.restaurant_phone') }}</label>
                                    <div class="col-7">
                                        <input type="text" value="{{ $store->phone }}" name="phone"
                                            class="form-control restaurant_phone" required
                                            onkeypress="return chkAlphabets2(event,'error2')">
                                        <div id="error2" class="err"></div>

                                        <div class="form-text text-muted">
                                            {{ trans('lang.restaurant_phone_help') }}
                                        </div>
                                    </div>
                                </div> --}}
                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">Phone</label>
                                    <div class="col-7 d-flex align-items-start">
                                        <input id="phone" type="tel" name="phone" class="form-control"
                                            value="{{ old('phone_number', $chef->phone ?? '') }}" />
                                    </div>

                                    <input type="hidden" name="phone_code" id="phone_country_code"
                                        value="{{ old('phone_country_code', $chef->phone_code ?? '') }}">
                                    <input type="hidden" name="phone_number" id="phone_number"
                                        value="{{ old('phone_number', $chef->phone ?? '') }}">

                                    <div id="phone_error" class="text-danger"></div>
                                    <small class="form-text text-muted w-50">Enter your phone number with
                                        country.</small>
                                </div>

                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{ trans('lang.chef_address') }}</label>
                                    <div class="col-7">
                                        <textarea name="address" class="form-control" id="">{{ $chef->address }}</textarea>
                                        {{-- <input type="text" value="{{  }}" name="address"
                                            class="form-control restaurant_address" required> --}}
                                        <div class="form-text text-muted">
                                            {{ trans('lang.chef_address_help') }}
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group row width-100">
                                    <div class="col-12">
                                        <h6>* Don't Know your cordinates ? use <a target="_blank"
                                                href="https://www.latlong.net/">Latitude
                                                and Longitude Finder</a></h6>
                                    </div>
                                </div>

                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{ trans('lang.chef_latitude') }}</label>
                                    <div class="col-7">
                                        <input step="any" value="{{ $chef->latitude }}" name="latitude"
                                            class="form-control chef_latitude" type="number" min="-90"
                                            max="90">
                                        <div class="form-text text-muted">
                                            {{ trans('lang.chef_latitude_help') }}
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{ trans('lang.chef_longitude') }}</label>
                                    <div class="col-7">
                                        <input step="any" value="{{ $chef->longitude }}" name="longitude"
                                            class="form-control restaurant_longitude" type="number" min="-180"
                                            max="180">
                                        <div class="form-text text-muted">
                                            {{ trans('lang.restaurant_longitude_help') }}
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{ trans('lang.profile_image') }}</label>
                                    <div class="col-7">
                                        <input type="file" name="image" onChange="handleFileSelect(event,'photo')">
                                        <div id="uploding_profile_image"></div>
                                        <div class="uploaded_image" style="display:none;"><img id="uploaded_image"
                                                src="" width="150px" height="150px;"></div>
                                        <div class="form-text text-muted">
                                            {{ trans('lang.profile_image_help') }}
                                        </div>
                                    </div>
                                </div>
                                {{-- Existing Logo Image (if any) --}}
                                @if ($chef->getMedia('profile_image')->count())
                                    <table class="table mt-3">
                                        <thead>
                                            <tr>
                                                <th>{{ trans('lang.image') }}</th>
                                                <th>{{ trans('lang.actions') }}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($chef->getMedia('profile_image') as $media)
                                                <tr>
                                                    <td>
                                                        <img src="{{ $media->getUrl() }}" alt="Logo"
                                                            class="img-thumbnail" style="width: 150px;">
                                                    </td>
                                                    <td>
                                                        <button type="button" class="btn btn-danger btn-sm"
                                                            onclick="deleteMedia('{{ route('chefs.media.destroy', [$chef->id, $media->id]) }}')">
                                                            ✕ Delete
                                                        </button>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                @endif
                                {{-- <div class="form-group row width-100">
                                    <label class="col-3 control-label ">{{ trans('lang.restaurant_description') }}</label>
                                    <div class="col-7">
                                        <textarea rows="7" name="description" class="restaurant_description form-control" id="restaurant_description"></textarea>
                                    </div>
                                </div> --}}
                            </fieldset>

                            <fieldset>
                                <legend>{{ trans('lang.gallery') }}</legend>

                                <div class="form-group row width-50 restaurant_image">
                                    <div class="">
                                        <div id="photos"></div>
                                    </div>

                                </div>

                                <div class="form-group row">
                                    <div>
                                        <input type="file" name="gallery[]" id="galleryImage"
                                            onChange="handleFileSelect(event,'photos')" multiple>
                                        <div id="uploding_image_photos"></div>
                                    </div>
                                    <div class="form-text text-muted">
                                        {{ trans('lang.store_gallery_image_help') }}
                                    </div>
                                </div>
                            </fieldset>
                            @if ($chef->getMedia('banner_image')->count())
                                <table class="table mt-3">
                                    <thead>
                                        <tr>
                                            <th>{{ trans('lang.image') }}</th>
                                            <th>{{ trans('lang.actions') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($chef->getMedia('banner_image') as $media)
                                            <tr>
                                                <td>
                                                    <img src="{{ $media->getUrl() }}" alt="gallery"
                                                        class="img-thumbnail" style="width: 150px;">
                                                </td>
                                                <td>
                                                    <button type="button" class="btn btn-danger btn-sm"
                                                        onclick="deleteMedia('{{ route('chefs.media.destroy', [$chef->id, $media->id]) }}')">
                                                        ✕ Delete
                                                    </button>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            @endif
                            <!-- <fieldset style="display:none">
                                <legend>{{ trans('lang.services') }}</legend>

                                <div class="form-group row">

                                    <div class="form-check width-100">
                                        <input type="checkbox" id="Free_Wi_Fi">
                                        <label class="col-3 control-label"
                                            for="Free_Wi_Fi">{{ trans('lang.free_wi_fi') }}</label>
                                    </div>
                                    <div class="form-check width-100">
                                        <input type="checkbox" id="Good_for_Breakfast">
                                        <label class="col-3 control-label"
                                            for="Good_for_Breakfast">{{ trans('lang.good_for_breakfast') }}</label>
                                    </div>
                                    <div class="form-check width-100">
                                        <input type="checkbox" id="Good_for_Dinner">
                                        <label class="col-3 control-label"
                                            for="Good_for_Dinner">{{ trans('lang.good_for_dinner') }}</label>
                                    </div>
                                    <div class="form-check width-100">
                                        <input type="checkbox" id="Good_for_Lunch">
                                        <label class="col-3 control-label"
                                            for="Good_for_Lunch">{{ trans('lang.good_for_lunch') }}</label>
                                    </div>

                                    <div class="form-check width-100">
                                        <input type="checkbox" id="Live_Music">
                                        <label class="col-3 control-label"
                                            for="Live_Music">{{ trans('lang.live_music') }}</label>
                                    </div>

                                    <div class="form-check width-100">
                                        <input type="checkbox" id="Outdoor_Seating">
                                        <label class="col-3 control-label"
                                            for="Outdoor_Seating">{{ trans('lang.outdoor_seating') }}</label>
                                    </div>

                                    <div class="form-check width-100">
                                        <input type="checkbox" id="Takes_Reservations">
                                        <label class="col-3 control-label"
                                            for="Takes_Reservations">{{ trans('lang.takes_reservations') }}</label>
                                    </div>

                                    <div class="form-check width-100">
                                        <input type="checkbox" id="Vegetarian_Friendly">
                                        <label class="col-3 control-label"
                                            for="Vegetarian_Friendly">{{ trans('lang.vegetarian_friendly') }}</label>
                                    </div>

                                </div>
                            </fieldset> -->

                            {{-- <fieldset>
                                <legend>{{trans('lang.working_hours')}}</legend>

                                <div class="form-group row">

                                    <div class="form-group row width-100">
                                        <div class="col-7">
                                            <button type="button"
                                                    class="btn btn-primary  add_working_hours_restaurant_btn">
                                                <i></i>{{trans('lang.add_working_hours')}}
                                            </button>
                                        </div>
                                    </div>
                                    <div class="working_hours_div" style="display:none">


                                        <div class="form-group row mb-0">
                                            <label class="col-1 control-label">{{trans('lang.sunday')}}</label>
                                            <div class="col-12">
                                                <button type="button" class="btn btn-primary add_more_sunday"
                                                        onclick="addMorehour('Sunday','sunday', '1')">
                                                    {{trans('lang.add_more')}}
                                                </button>
                                            </div>
                                        </div>


                                        <div class="restaurant_working_hour_Sunday_div restaurant_discount mb-5 form-group row mt-2"
                                             style="display:none">

                                          <div class="col-12">    

                                            <table class="booking-table" id="working_hour_table_Sunday">
                                                <tr>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.from')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.to')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.actions')}}</label>
                                                    </th>
                                                </tr>

                                            </table>
                                        </div>
                                        </div>

                                        <div class="form-group row mb-0">
                                            <label class="col-1 control-label">{{trans('lang.monday')}}</label>
                                            <div class="col-12">
                                                <button type="button" class="btn btn-primary add_more_sunday"
                                                        onclick="addMorehour('Monday','monday', '1')">
                                                    {{trans('lang.add_more')}}
                                                </button>
                                            </div>
                                        </div>

                                        <div class="restaurant_working_hour_Monday_div restaurant_discount mb-5 form-group row mt-2"
                                             style="display:none">
                                         <div class="col-12">    

                                            <table class="booking-table" id="working_hour_table_Monday">
                                                <tr>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.from')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.to')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.actions')}}</label>
                                                    </th>
                                                </tr>
                                            </table>
                                         </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label class="col-1 control-label">{{trans('lang.tuesday')}}</label>
                                            <div class="col-12">
                                                <button type="button" class="btn btn-primary"
                                                        onclick="addMorehour('Tuesday','tuesday', '1')">
                                                    {{trans('lang.add_more')}}
                                                </button>
                                            </div>
                                        </div>

                                        <div class="restaurant_working_hour_Tuesday_div restaurant_discount mb-5 form-group row mt-2"
                                             style="display:none">
                                         <div class="col-12">    

                                            <table class="booking-table" id="working_hour_table_Tuesday">
                                                <tr>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.from')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.to')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.actions')}}</label>
                                                    </th>
                                                </tr>

                                            </table>
                                         </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label class="col-1 control-label">{{trans('lang.wednesday')}}</label>
                                            <div class="col-12">
                                                <button type="button" class="btn btn-primary"
                                                        onclick="addMorehour('Wednesday','wednesday', '1')">
                                                    {{trans('lang.add_more')}}
                                                </button>
                                            </div>
                                        </div>


                                        <div class="restaurant_working_hour_Wednesday_div restaurant_discount mb-5 form-group row mt-2"
                                             style="display:none">
                                            <div class="col-12">    

                                            <table class="booking-table" id="working_hour_table_Wednesday">
                                                <tr>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.from')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.to')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.actions')}}</label>
                                                    </th>
                                                </tr>

                                            </table>
                                            </div>
                                        </div>

                                        <div class="form-group row mb-0">
                                            <label class="col-1 control-label">{{trans('lang.thursday')}}</label>
                                            <div class="col-12">
                                                <button type="button" class="btn btn-primary"
                                                        onclick="addMorehour('Thursday','thursday', '1')">
                                                    {{trans('lang.add_more')}}
                                                </button>
                                            </div>
                                        </div>

                                        <div class="restaurant_working_hour_Thursday_div restaurant_discount mb-5 form-group row mt-2"
                                             style="display:none">
                                        <div class="col-12">    

                                            <table class="booking-table" id="working_hour_table_Thursday">
                                                <tr>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.from')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.to')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.actions')}}</label>
                                                    </th>
                                                </tr>

                                            </table>
                                        </div>
                                        </div>

                                        <div class="form-group row mb-0">
                                            <label class="col-1 control-label">{{trans('lang.friday')}}</label>
                                            <div class="col-12">
                                                <button type="button" class="btn btn-primary"
                                                        onclick="addMorehour('Friday','friday', '1')">
                                                    {{trans('lang.add_more')}}
                                                </button>
                                            </div>
                                        </div>

                                        <div class="restaurant_working_hour_Friday_div restaurant_discount mb-5 form-group row mt-2"
                                             style="display:none">
                                        <div class="col-12">    

                                            <table class="booking-table" id="working_hour_table_Friday">
                                                <tr>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.from')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.to')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.actions')}}</label>
                                                    </th>
                                                </tr>

                                            </table>
                                        </div>
                                        </div>


                                        <div class="form-group row mb-0">
                                            <label class="col-1 control-label">{{trans('lang.Saturday')}}</label>
                                            <div class="col-12">
                                                <button type="button" class="btn btn-primary"
                                                        onclick="addMorehour('Saturday','Saturday','1')">
                                                    {{trans('lang.add_more')}}
                                                </button>
                                            </div>
                                        </div>
                                        <div class="restaurant_working_hour_Saturday_div restaurant_discount mb-5 form-group row mt-2"
                                             style="display:none">
                                        <div class="col-12">    

                                            <table class="booking-table" id="working_hour_table_Saturday">
                                                <tr>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.from')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.to')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.actions')}}</label>
                                                    </th>
                                                </tr>
                                            </table>
                                        </div>
                                        </div>
                                    </div>

                                </div>
                            </fieldset> --}}



                            {{-- <fieldset style="display:none">
                                <legend>{{ trans('lang.dine_in_future_setting') }}</legend>

                                <div class="form-group row">

                                    <div class="form-group row width-100">
                                        <div class="form-check width-100">
                                            <input type="checkbox" id="dine_in_feature" class="">
                                            <label class="col-3 control-label"
                                                for="dine_in_feature">{{ trans('lang.enable_dine_in_feature') }}</label>
                                        </div>
                                    </div>
                                    <div class="divein_div" style="display:none">


                                        <div class="form-group row width-50">
                                            <label class="col-3 control-label">{{ trans('lang.Opening_Time') }}</label>
                                            <div class="col-7">
                                                <input type="time" class="form-control" id="openDineTime" required>
                                            </div>
                                        </div>

                                        <div class="form-group row width-50">
                                            <label class="col-3 control-label">{{ trans('lang.Closing_Time') }}</label>
                                            <div class="col-7">
                                                <input type="time" class="form-control" id="closeDineTime" required>
                                            </div>
                                        </div>

                                        <div class="form-group row width-50">
                                            <label class="col-3 control-label">Cost</label>
                                            <div class="col-7">
                                                <input type="number" class="form-control restaurant_cost" required>
                                            </div>
                                        </div>
                                        <div class="form-group row width-100 restaurant_image">
                                            <label class="col-3 control-label">Menu Card Images</label>
                                            <div class="">
                                                <div id="photos_menu_card"></div>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div>
                                                <input type="file" onChange="handleFileSelectMenuCard(event)">
                                                <div id="uploaded_image_menu"></div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </fieldset> --}}

                            {{-- <fieldset style="display:none">
                                <legend>{{ trans('lang.vendor_status') }}</legend>

                                <div class="form-group row">

                                    <div class="form-group row width-50">
                                        <div class="form-check width-100">
                                            <input type="checkbox" id="is_open">
                                            <label class="col-3 control-label"
                                                for="is_open">{{ trans('lang.Is_Open') }}</label>
                                        </div>
                                    </div>

                                </div>
                            </fieldset> --}}

                            <fieldset>
                                <legend>{{ trans('lang.chefs') }} {{ trans('lang.active_deactive') }}</legend>
                                <div class="form-group row">

                                    <div class="form-group row width-50">
                                        <div class="form-check width-100">
                                            <input name="is_active" type="checkbox" id="is_active"
                                                @if ($chef->is_active == 1) checked @endif>
                                            <label class="col-3 control-label"
                                                for="is_active">{{ trans('lang.active') }}</label>
                                        </div>
                                    </div>

                                </div>
                            </fieldset>

                            <!-- <fieldset>
                                <legend>{{ trans('lang.enable_delivery') }}</legend>

                                <div class="form-group row">

                                    <!-- <div class="form-group row width-50">
                                        <div class="form-check width-100">
                                            <input name="enable_delivery" @if ($chef->enable_delivery == 1) checked @endif
                                                type="checkbox" id="enable_delivery">
                                            <label class="col-3 control-label"
                                                for="enable_delivery">{{ trans('lang.yes') }}</label>
                                        </div>
                                    </div>

                                </div> -->


                                <div class="form-group row" id="delivery_charge_fields"
                                    @if ($chef->enable_delivery == 0) style="display: none;" @endif>
                                    <legend>{{ trans('lang.deliveryCharge') }}</legend>
                                    <div class="form-group row width-100">
                                        <label
                                            class="col-4 control-label">{{ trans('lang.delivery_charges_per_km') }}</label>
                                        <div class="col-7">
                                            <input type="number" step="0.1" min="0"
                                                value="{{ $chef->delivery_fee }}" name="delivery_charges_per_km"
                                                class="form-control" id="delivery_charges_per_km">
                                        </div>
                                    </div>

                                    <div class="form-group row width-100">
                                        <label
                                            class="col-4 control-label">{{ trans('lang.delivery_threshold_time') }}</label>
                                        <div class="col-7">
                                            <input type="number" value="{{ $chef->delivery_threshold_time }}"
                                                name="delivery_threshold_time" class="form-control"
                                                id="delivery_threshold_time">
                                        </div>
                                    </div>
                                    <div class="form-group row width-100">
                                        <label class="col-4 control-label">{{ trans('lang.delivery_radius') }}</label>
                                        <div class="col-7">
                                            <input type="number" step="0.01" min="0"
                                                value="{{ $chef->delivery_threshold_time }}" name="delivery_radius"
                                                class="form-control" id="delivery_radius">
                                        </div>
                                    </div>
                                    <div class="form-group row width-100">
                                        <label
                                            class="col-4 control-label">{{ trans('lang.number_of_delivery_drivers') }}</label>
                                        <div class="col-7">
                                            <input type="number" value="{{ $chef->no_of_delivery_drivers }}"
                                                name="number_of_delivery_drivers" class="form-control"
                                                id="number_of_delivery_drivers">
                                        </div>
                                    </div>
                                    <!-- <div class="col-12">
                                        <table class="table table-bordered" id="drivers-table">
                                            <thead>
                                                <tr>
                                                    <th>First Name</th>
                                                    <th>Last Name</th>
                                                    <th>Mobile Number</th>
                                                    <th style="width: 50px;">
                                                        <button type="button"
                                                            class="btn btn-success add-driver">+</button>
                                                    </th>
                                                </tr>
                                            </thead>
                                            <tbody> 

                             <fieldset>
                                    <legend>{{trans('lang.bankdetails')}}</legend>

                                    <div class="form-group row">

                                        <div class="form-group row width-100">
                                            <label class="col-4 control-label">{{
                                           trans('lang.bank_name')}}</label>
                                            <div class="col-7">
                                                <input type="text" name="bank_name" class="form-control" id="bankName"
                                                onkeypress="return chkNumbers2(event,'bankName_err')">
                                                <div id="bankName_err" class="err"></div>

                                            </div>
                                        </div>

                                        <div class="form-group row width-100">
                                            <label class="col-4 control-label">{{
                                            trans('lang.branch_name')}}</label>
                                            <div class="col-7">
                                                <input type="text" name="branch_name" class="form-control"
                                                       id="branchName"  onkeypress="return chkNumbers2(event,'branchName_err')">
                                        <div id="branchName_err" class="err"></div>

                                            </div>
                                        </div>


                                        <div class="form-group row width-100">
                                            <label class="col-4 control-label">{{
                                            trans('lang.holer_name')}}</label>
                                            <div class="col-7">
                                                <input type="text" name="holer_name" class="form-control"
                                                       id="holderName" onkeypress="return chkNumbers2(event,'holer_name_err')">
                                        <div id="holer_name_err" class="err"></div>

                                            </div>
                                        </div>

                                        <div class="form-group row width-100">
                                            <label class="col-4 control-label">{{
                                                 trans('lang.account_number')}}</label>
                                            <div class="col-7">
                                                <input type="text" name="account_number" class="form-control"
                                                       id="accountNumber"
                                                        onkeypress="return chkAlphabets2(event,'error3')">
                                                    <div id="error3" class="err"></div>
 
                                            </div>
                                        </div>

                                        <div class="form-group row width-100">
                                            <label class="col-4 control-label">{{
                                            trans('lang.other_information')}}</label>
                                            <div class="col-7">
                                                <input type="text" name="other_information" class="form-control"
                                                       id="otherDetails">
                                            </div>
                                        </div>

                                    </div>
                                </fieldset> --}} -->

                            {{-- <fieldset>
                                <legend>{{trans('lang.special_offer')}}</legend>

                                <div class="form-group row">

                                    <div class="form-group row width-100">
                                        <div class="col-7">
                                            <button type="button"
                                                    class="btn btn-primary  add_special_offer_restaurant_btn">
                                                <i></i>{{trans('lang.add_special_offer')}}
                                            </button>
                                        </div>
                                    </div>
                                    <div class="special_offer_div" style="display:none">


                                        <div class="form-group row">
                                            <label class="col-1 control-label">{{trans('lang.sunday')}}</label>
                                            <div class="col-12">
                                                <button type="button" class="btn btn-primary add_more_sunday"
                                                        onclick="addMoreButton('Sunday','sunday', '1')">
                                                    {{trans('lang.add_more')}}
                                                </button>
                                            </div>
                                        </div>


                                        <div class="restaurant_discount_options_Sunday_div restaurant_discount form-group row mt-2"
                                             style="display:none">

                                        <div class="col-12">
                                            <table class="booking-table" id="special_offer_table_Sunday">
                                                <tr>
                                                    <th>
                                                        <label
                                                                class="col-3 control-label">{{trans('lang.Opening_Time')}}</label>
                                                    </th>
                                                    <th>
                                                        <label
                                                                class="col-3 control-label">{{trans('lang.Closing_Time')}}</label>
                                                    </th>
                                                    <th>
                                                        <label
                                                                class="col-3 control-label">{{trans('lang.coupon_discount')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.coupon_discount')}}
                                                            {{trans('lang.type')}}</label>
                                                    </th>

                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.actions')}}</label>
                                                    </th>
                                                </tr>

                                            </table>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-1 control-label">{{trans('lang.monday')}}</label>
                                            <div class="col-12">
                                                <button type="button" class="btn btn-primary add_more_sunday"
                                                        onclick="addMoreButton('Monday','monday', '1')">
                                                    {{trans('lang.add_more')}}
                                                </button>
                                            </div>
                                        </div>

                                        <div class="restaurant_discount_options_Monday_div restaurant_discount form-group row mt-2"
                                             style="display:none">
                                        <div class="col-12">

                                            <table class="booking-table" id="special_offer_table_Monday">
                                                <tr>
                                                    <th>
                                                        <label
                                                                class="col-3 control-label">{{trans('lang.Opening_Time')}}</label>
                                                    </th>
                                                    <th>
                                                        <label
                                                                class="col-3 control-label">{{trans('lang.Closing_Time')}}</label>
                                                    </th>
                                                    <th>
                                                        <label
                                                                class="col-3 control-label">{{trans('lang.coupon_discount')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.coupon_discount')}}
                                                            {{trans('lang.type')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.actions')}}</label>
                                                    </th>
                                                </tr>
                                            </table>
                                        </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-1 control-label">{{trans('lang.tuesday')}}</label>
                                            <div class="col-12">
                                                <button type="button" class="btn btn-primary"
                                                        onclick="addMoreButton('Tuesday','tuesday', '1')">
                                                    {{trans('lang.add_more')}}
                                                </button>
                                            </div>
                                        </div>

                                        <div class="restaurant_discount_options_Tuesday_div restaurant_discount form-group row mt-2"
                                             style="display:none">
                                        <div class="col-12">

                                            <table class="booking-table" id="special_offer_table_Tuesday">
                                                <tr>
                                                    <th>
                                                        <label
                                                                class="col-3 control-label">{{trans('lang.Opening_Time')}}</label>
                                                    </th>
                                                    <th>
                                                        <label
                                                                class="col-3 control-label">{{trans('lang.Closing_Time')}}</label>
                                                    </th>
                                                    <th>
                                                        <label
                                                                class="col-3 control-label">{{trans('lang.coupon_discount')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.coupon_discount')}}
                                                            {{trans('lang.type')}}</label>
                                                    </th>

                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.actions')}}</label>
                                                    </th>
                                                </tr>

                                            </table>
                                        </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-1 control-label">{{trans('lang.wednesday')}}</label>
                                            <div class="col-12">
                                                <button type="button" class="btn btn-primary"
                                                        onclick="addMoreButton('Wednesday','wednesday', '1')">
                                                    {{trans('lang.add_more')}}
                                                </button>
                                            </div>
                                        </div>


                                        <div class="restaurant_discount_options_Wednesday_div restaurant_discount form-group row mt-2"
                                             style="display:none">
                                           <div class="col-12">

                                            <table class="booking-table" id="special_offer_table_Wednesday">
                                                <tr>
                                                    <th>
                                                        <label
                                                                class="col-3 control-label">{{trans('lang.Opening_Time')}}</label>
                                                    </th>
                                                    <th>
                                                        <label
                                                                class="col-3 control-label">{{trans('lang.Closing_Time')}}</label>
                                                    </th>
                                                    <th>
                                                        <label
                                                                class="col-3 control-label">{{trans('lang.coupon_discount')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.coupon_discount')}}
                                                            {{trans('lang.type')}}</label>
                                                    </th>

                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.actions')}}</label>
                                                    </th>
                                                </tr>

                                            </table>
                                           </div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-1 control-label">{{trans('lang.thursday')}}</label>
                                            <div class="col-12">
                                                <button type="button" class="btn btn-primary"
                                                        onclick="addMoreButton('Thursday','thursday', '1')">
                                                    {{trans('lang.add_more')}}
                                                </button>
                                            </div>
                                        </div>

                                        <div class="restaurant_discount_options_Thursday_div restaurant_discount form-group row mt-2"
                                             style="display:none">
                                         <div class="col-12">

                                            <table class="booking-table" id="special_offer_table_Thursday">
                                                <tr>
                                                    <th>
                                                        <label
                                                                class="col-3 control-label">{{trans('lang.Opening_Time')}}</label>
                                                    </th>
                                                    <th>
                                                        <label
                                                                class="col-3 control-label">{{trans('lang.Closing_Time')}}</label>
                                                    </th>
                                                    <th>
                                                        <label
                                                                class="col-3 control-label">{{trans('lang.coupon_discount')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.coupon_discount')}}
                                                            {{trans('lang.type')}}</label>
                                                    </th>

                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.actions')}}</label>
                                                    </th>
                                                </tr>

                                            </table>
                                         </div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-1 control-label">{{trans('lang.friday')}}</label>
                                            <div class="col-12">
                                                <button type="button" class="btn btn-primary"
                                                        onclick="addMoreButton('Friday','friday', '1')">
                                                    {{trans('lang.add_more')}}
                                                </button>
                                            </div>
                                        </div>

                                        <div class="restaurant_discount_options_Friday_div restaurant_discount form-group row mt-2"
                                             style="display:none">
                                            <div class="col-12">

                                            <table class="booking-table" id="special_offer_table_Friday">
                                                <tr>
                                                    <th>
                                                        <label
                                                                class="col-3 control-label">{{trans('lang.Opening_Time')}}</label>
                                                    </th>
                                                    <th>
                                                        <label
                                                                class="col-3 control-label">{{trans('lang.Closing_Time')}}</label>
                                                    </th>
                                                    <th>
                                                        <label
                                                                class="col-3 control-label">{{trans('lang.coupon_discount')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.coupon_discount')}}
                                                            {{trans('lang.type')}}</label>
                                                    </th>

                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.actions')}}</label>
                                                    </th>
                                                </tr>

                                            </table>
                                            </div>
                                        </div>


                                        <div class="form-group row">
                                            <label class="col-1 control-label">{{trans('lang.Saturday')}}</label>
                                            <div class="col-12">
                                                <button type="button" class="btn btn-primary"
                                                        onclick="addMoreButton('Saturday','Saturday','1')">
                                                    {{trans('lang.add_more')}}
                                                </button>
                                            </div>
                                        </div>
                                        <div class="restaurant_discount_options_Saturday_div restaurant_discount form-group row mt-2"
                                             style="display:none">
                                         <div class="col-12">

                                            <table class="booking-table" id="special_offer_table_Saturday">
                                                <tr>
                                                    <th>
                                                        <label
                                                                class="col-3 control-label">{{trans('lang.Opening_Time')}}</label>
                                                    </th>
                                                    <th>
                                                        <label
                                                                class="col-3 control-label">{{trans('lang.Closing_Time')}}</label>
                                                    </th>
                                                    <th>
                                                        <label
                                                                class="col-3 control-label">{{trans('lang.coupon_discount')}}</label>
                                                    </th>
                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.coupon_discount')}}
                                                            {{trans('lang.type')}}</label>
                                                    </th>

                                                    <th>
                                                        <label class="col-3 control-label">{{trans('lang.actions')}}</label>
                                                    </th>
                                                </tr>
                                            </table>
                                         </div>
                                        </div>
                                    </div>

                                </div>

                            </fieldset> --}}
                        </div>
                    </div>
            </div>

            <div class="form-group col-12 text-center">
                <button type="submit" class="btn btn-primary  create_restaurant_btn"><i class="fa fa-save"></i>
                    {{ trans('lang.save') }}
                </button>
                <a href="{!! route('chefs', $chef->id) !!}" class="btn btn-default"><i
                        class="fa fa-undo"></i>{{ trans('lang.cancel') }}</a>
            </div>
            </form>
        </div>
    </div>
    <form id="delete-media-form" method="POST" style="display: none;">
        @csrf
        @method('DELETE')
    </form>
@endsection

@section('scripts')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/compressorjs/1.1.1/compressor.min.js"
        integrity="sha512-VaRptAfSxXFAv+vx33XixtIVT9A/9unb1Q8fp63y1ljF+Sbka+eMJWoDAArdm7jOYuLQHVx5v60TQ+t3EA8weA=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.19/js/intlTelInput.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.19/js/utils.js"></script>
    <script>
        $(document).ready(function() {
            $('#subcategories').select2({
                placeholder: 'Select Subcategories',
                width: '100%'
            });

            $('#category').on('change', function() {
                const categoryId = $(this).val();

                $('#subcategories').empty(); // Clear old options

                if (categoryId) {
                    $.ajax({
                        url: '{{ route('get.subcategories') }}',
                        type: 'GET',
                        data: {
                            category_id: categoryId
                        },
                        success: function(data) {
                            if (data.length) {
                                $.each(data, function(index, subcategory) {
                                    $('#subcategories').append(
                                        $('<option>', {
                                            value: subcategory.id,
                                            text: subcategory.name
                                        })
                                    );
                                });
                            } else {
                                $('#subcategories').append(
                                    '<option value="">{{ trans('lang.no_subcategories_found') }}</option>'
                                );
                            }
                        },
                        error: function(xhr) {
                            console.error(xhr.responseText);
                        }
                    });
                }
            });
        });
    </script>
    <script>
        $(document).ready(async function() {

            $('#enable_delivery').on('change', function() {
                if ($(this).is(':checked')) {
                    $('#delivery_charge_fields').show();
                } else {
                    $('#delivery_charge_fields').hide();
                }
            });


        })






        $("#dine_in_feature").change(function() {
            if (this.checked) {
                $(".divein_div").show();
            } else {
                $(".divein_div").hide();
            }
        });


        $(".add_special_offer_restaurant_btn").click(function() {
            if (specialDiscountOfferisEnable) {
                $(".special_offer_div").show();
            } else {
                alert("{{ trans('lang.special_offer_disabled') }}");
                return false;
            }
        })

        var countAddButton = 1;

        function addMoreButton(day, day2, count) {
            count = countAddButton;
            $(".restaurant_discount_options_" + day + "_div").show();
            // 	$(".restaurant_opentime_options_"+day).append('<input type="time" class="form-control" id="openTime'+day+'">');
            // $(".restaurant_closetime_options_"+day).append('<input type="time" class="form-control" id="closeTime'+day+'"  >');
            // $(".restaurant_discount_options_"+day).append('<input type="number" class="form-control" id="discount'+day+'">');
            // $(".restaurant_action_options_"+day+"_div").append('<button type="button" class="btn btn-primary save_option_day_button'+day+'" onclick="addMoreFunctionButton(`'+day2+'`,`'+day+'`)" >Save</button>');

            $('#special_offer_table_' + day + ' tr:last').after('<tr>' +
                '<td class="" style="width:10%;"><input type="time" class="form-control" id="openTime' + day + count +
                '"></td>' +
                '<td class="" style="width:10%;"><input type="time" class="form-control" id="closeTime' + day + count +
                '"></td>' +
                '<td class="" style="width:30%;">' +
                '<input type="number" class="form-control" id="discount' + day + count + '" style="width:60%;">' +
                '<select id="discount_type' + day + count +
                '" class="form-control" style="width:40%;"><option value="percentage"/>%</option><option value="amount"/>' +
                currentCurrency + '</option></select>' +
                '</td>' +
                '<td style="width:30%;"><select id="type' + day + count +
                '" class="form-control"><option value="delivery"/>Delivery Discount</option></select></td>' +
                '<td class="action-btn" style="width:20%;">' +
                '<button type="button" class="btn btn-primary save_option_day_button' + day + count +
                '" onclick="addMoreFunctionButton(`' + day2 + '`,`' + day + '`,' + countAddButton +
                ')" style="width:62%;"><i class="fa fa-save"></i> Save</button>' +
                '</td></tr>');
            countAddButton++;

        }

        function addMoreFunctionButton(day1, day2, count) {
            var discount = $("#discount" + day2 + count).val();
            var discount_type = $('#discount_type' + day2 + count).val();
            var type = $('#type' + day2 + count).val();
            var closeTime = $("#closeTime" + day2 + count).val();
            var openTime = $("#openTime" + day2 + count).val();
            if (discount == "" || closeTime == '' || openTime == '') {
                $(".error_top").show();
                $(".error_top").html("");
                $(".error_top").append("<p>Please Enter valid time or discount</p>");
                window.scrollTo(0, 0);
            } else if (discount > 100 || discount == 0) {
                $(".error_top").show();
                $(".error_top").html("");
                $(".error_top").append("<p>Please Enter valid discount</p>");
                window.scrollTo(0, 0);
            } else {

                var timeslotVar = {
                    'discount': discount,
                    'from': openTime,
                    'to': closeTime,
                    'type': discount_type,
                    'discount_type': type
                };

                if (day1 == 'sunday') {
                    timeslotSunday.push(timeslotVar);
                } else if (day1 == 'monday') {
                    timeslotMonday.push(timeslotVar);
                } else if (day1 == 'tuesday') {
                    timeslotTuesday.push(timeslotVar);
                } else if (day1 == 'wednesday') {
                    timeslotWednesday.push(timeslotVar);
                } else if (day1 == 'thursday') {
                    timeslotThursday.push(timeslotVar);
                } else if (day1 == 'friday') {
                    timeslotFriday.push(timeslotVar);
                } else if (day1 == 'Saturday') {
                    timeslotSaturday.push(timeslotVar);
                }

                /*$("#discount"+day2+"").remove();
                $("#discount_type"+day2+"").remove();
                    $("#closeTime"+day2+"").remove();
                    $("#openTime"+day2+"").remove();*/
                $(".save_option_day_button" + day2 + count).hide();
                $("#discount" + day2 + count).attr('disabled', "true");
                $("#discount_type" + day2 + count).attr('disabled', "true");
                $("#type" + day2 + count).attr('disabled', "true");
                $("#closeTime" + day2 + count).attr('disabled', "true");
                $("#openTime" + day2 + count).attr('disabled', "true");
            }

        }


        $(".add_working_hours_restaurant_btn").click(function() {
            $(".working_hours_div").show();
        })
        var countAddhours = 1;

        function addMorehour(day, day2, count) {
            count = countAddhours;
            $(".restaurant_working_hour_" + day + "_div").show();

            $('#working_hour_table_' + day + ' tr:last').after('<tr id="row_' + day + count + '">' +
                '<td class="" style="width:50%;">' +
                '<input type="time" name="working_hours[' + day2 + '][' + count +
                '][from]" class="form-control" required>' +
                '</td>' +
                '<td class="" style="width:50%;">' +
                '<input type="time" name="working_hours[' + day2 + '][' + count +
                '][to]" class="form-control" required>' +
                '</td>' +
                '<td>' +
                '<button type="button" class="btn btn-danger" onclick="removeWorkingHourRow(\'' + day + '\',\'row_' +
                day + count + '\')">' +
                '<i class="fa fa-trash" title="Delete"></i>' +
                '</button>' +
                '</td>' +
                '</tr>');

            countAddhours++;
        }

        function removeWorkingHourRow(day, rowId) {
            $('#' + rowId).remove();
            let remainingRows = $('#working_hour_table_' + day + ' tr').length;

            // If only header remains or no rows, hide the block
            if (remainingRows <= 1) {
                $(".restaurant_working_hour_" + day + "_div").hide();
            }
        }

        function addMoreFunctionhour(day1, day2, count) {
            var to = $("#to" + day2 + count).val();
            var from = $("#from" + day2 + count).val();
            if (to == '' || from == '') {
                $(".error_top").show();
                $(".error_top").html("");
                $(".error_top").append("<p>Please Enter valid time</p>");
                window.scrollTo(0, 0);

            } else {

                var timeslotworkVar = {
                    'from': from,
                    'to': to,
                };

                if (day1 == 'sunday') {
                    timeslotworkSunday.push(timeslotworkVar);
                } else if (day1 == 'monday') {
                    timeslotworkMonday.push(timeslotworkVar);
                } else if (day1 == 'tuesday') {
                    timeslotworkTuesday.push(timeslotworkVar);
                } else if (day1 == 'wednesday') {
                    timeslotworkWednesday.push(timeslotworkVar);
                } else if (day1 == 'thursday') {
                    timeslotworkThursday.push(timeslotworkVar);
                } else if (day1 == 'friday') {
                    timeslotworkFriday.push(timeslotworkVar);
                } else if (day1 == 'Saturday') {
                    timeslotworkSaturday.push(timeslotworkVar);
                }

                $(".save_option_day_button" + day2 + count).hide();
                $("#to" + day2 + count).attr('disabled', "true");
                $("#from" + day2 + count).attr('disabled', "true");
            }

        }

        function chkAlphabets2(event, msg) {
            if (!(event.which >= 48 && event.which <= 57)) {
                document.getElementById(msg).innerHTML = "Accept only Number";
                return false;
            } else {
                document.getElementById(msg).innerHTML = "";
                return true;
            }
        }

        function chkNumbers2(event, msg) {
            if (!(event.which > 64 && event.which < 91 || event.which > 96 && event.which < 123)) {
                document.getElementById(msg).innerHTML = "Accept only letters";
                return false;
            } else {
                document.getElementById(msg).innerHTML = "";
                return true;
            }
        }

        function deleteMedia(url) {
            if (confirm('Are you sure you want to delete this image?')) {
                const form = document.getElementById('delete-media-form');
                form.action = url;
                form.submit();
            }
        }
    </script>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            const input = document.querySelector("#phone");
            if (!input) return;

            const iti = window.intlTelInput(input, {
                separateDialCode: true,
                initialCountry: "auto",
                geoIpLookup: function(callback) {
                    fetch(
                            "https://ipinfo.io?token=YOUR_TOKEN"
                        ) // ← Optional, replace with your token or remove
                        .then(res => res.json())
                        .then(data => callback(data.country))
                        .catch(() => callback("us"));
                },
                utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.19/js/utils.js"
            });

            // Restore existing values (Edit case)
            const storedCode = document.getElementById("phone_country_code").value;
            const storedNumber = document.getElementById("phone").value;
            if (storedCode) {
                const countryData = iti.getSelectedCountryData();
                const allCountries = window.intlTelInputGlobals.getCountryData();
                const match = allCountries.find(c => `+${c.dialCode}` === storedCode);
                if (match) {
                    iti.setCountry(match.iso2);
                }
            }
            if (storedNumber) {
                input.value = storedNumber;
            }

            // On form submit: update hidden fields
            input.form.addEventListener("submit", function() {
                const selected = iti.getSelectedCountryData();
                document.getElementById("phone_country_code").value = `+${selected.dialCode}`;
                document.getElementById("phone").value = input.value.trim();
            });
        });
    </script>
    <script>
        const phoneInputInstances = [];

        function initPhoneInputs() {
            $('.phone-input').each(function() {
                const input = this;

                if (!input.classList.contains('iti-initialized')) {
                    const iti = window.intlTelInput(input, {
                        initialCountry: 'lb',
                        separateDialCode: true,
                        nationalMode: true,
                        utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js"
                    });

                    phoneInputInstances.push({
                        input,
                        iti
                    });

                    // Set flag by full number (if exists)
                    const fullNumber = $(input).data('full-number');
                    if (fullNumber) {
                        iti.setNumber(fullNumber); // sets both flag and number
                    }

                    const $phoneCodeInput = $(input).closest('td').find('.phone-code');

                    if (!$phoneCodeInput.val()) {
                        const code = iti.getSelectedCountryData().dialCode;
                        $phoneCodeInput.val('+' + code);
                    }

                    input.addEventListener('countrychange', function() {
                        const updatedCode = iti.getSelectedCountryData().dialCode;
                        $phoneCodeInput.val('+' + updatedCode);
                    });
                }
            });
        }

        $(document).ready(function() {
            initPhoneInputs();

            // Submit update
            $('#store-form').on('submit', function() {
                phoneInputInstances.forEach(({
                    input,
                    iti
                }) => {
                    const code = iti.getSelectedCountryData().dialCode;
                    const $phoneCodeInput = $(input).closest('td').find('.phone-code');
                    $phoneCodeInput.val('+' + code);
                });
            });

            // ✅ Fix: Remove button using delegated event
            $(document).on('click', '.remove-driver', function() {
                $(this).closest('tr').remove();
            });

            // ✅ Add new driver dynamically
            $('.add-driver').on('click', function() {
                const index = $('#drivers-table tbody tr').length;

                const newRow = `
            <tr>
                <td><input type="text" name="drivers[${index}][first_name]" class="form-control" placeholder="First Name"></td>
                <td><input type="text" name="drivers[${index}][last_name]" class="form-control" placeholder="Last Name"></td>
                <td>
                    <input type="tel" name="drivers[${index}][phone]" class="form-control phone-input" placeholder="Mobile Number">
                    <input type="hidden" name="drivers[${index}][phone_code]" class="phone-code">
                </td>
                <td><button type="button" class="btn btn-danger remove-driver">-</button></td>
            </tr>`;
                $('#drivers-table tbody').append(newRow);
                initPhoneInputs(); // Initialize new phone field
            });
        });
    </script>
    <script>
    $(document).on('click', '.remove-driver', function () {
        const row = $(this).closest('tr');
        const driverId = row.find('.driver-id').val();

        if (driverId) {
            if (!confirm('Are you sure you want to delete this driver?')) return;

            $.ajax({
                url: '/drivers/' + driverId, // Adjust as needed
                method: 'DELETE',
                data: {
                    _token: '{{ csrf_token() }}'
                },
                success: function (response) {
                    row.remove();
                    alert(response.message || 'Driver deleted successfully');
                },
                error: function (xhr) {
                    alert('Failed to delete driver. Please try again.');
                }
            });
        } else {
            // No ID? Just remove the unsaved row from the DOM
            row.remove();
        }
    });
</script>

@endsection