@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.vendor_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('stores') !!}">{{ trans('lang.vendor_plural') }}</a></li>
                <li class="breadcrumb-item active">{{ trans('lang.restaurant_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="store-form" action="{{ route('stores.update', $store->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.restaurant_details') }}</legend>

                            <div class="form-group row width-50">
                                <label class="col-3 control-label">{{ trans('lang.restaurant_name') }}</label>
                                <div class="col-7">
                                    <input type="text" value="{{ $store->name }}" name="store_name"
                                        class="form-control restaurant_name" required>
                                    <div class="form-text text-muted">
                                        {{ trans('lang.restaurant_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" class="form-control" required>
                                        <option value="">{{ trans('lang.select_vendor') }}</option>
                                        @foreach ($vendors as $vendor)
                                        @php $selected = ""; @endphp
                                        @if ($vendor->id == $store->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.restaurant_vendor_help') }}
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row width-100">
                                <label class="col-3 control-label">{{ trans('lang.recipes_description') }}</label>
                                <div class="col-7">
                                    <textarea rows="7" class="category_description form-control"
                                        id="category_description"
                                        name="description">{{ old('description', $store->description) }}</textarea>
                                    <div class="form-text text-muted">
                                        {{ trans('lang.category_description_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)
                                        <option value="{{ $subcategory['id'] }}"
                                            {{ $store->categories->pluck('id')->contains($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="{{ $store->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_display" class="form-control"
                                value="{{ old('phone_number', $store->phone ?? '') }}" />
                        </div>

                        <input type="hidden" name="phone_country_code" id="phone_country_code"
                            value="{{ old('phone_country_code', $store->phone_code ?? '') }}">
                        <input type="hidden" name="phone_number" id="phone_number"
                            value="{{ old('phone_number', $store->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.restaurant_address') }}</label>
                        <div class="col-7">
                            <textarea name="address" class="form-control" id="">{{ $store->address }}</textarea>
                            {{-- <input type="text" value="{{  }}" name="address"
                            class="form-control restaurant_address" required> --}}
                            <div class="form-text text-muted">
                                {{ trans('lang.restaurant_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.restaurant_latitude') }}</label>
                        <div class="col-7">
                            <input step="any" value="{{ $store->latitude }}" name="latitude"
                                class="form-control restaurant_latitude" type="number" min="-90"
                                max="90">
                            <div class="form-text text-muted">
                                {{ trans('lang.restaurant_latitude_help') }}
                            </div>
                        </div>
                    </div>

                    <div class="form-group row width-50">
                        <label class="col-3 control-label">{{ trans('lang.restaurant_longitude') }}</label>
                        <div class="col-7">
                            <input step="any" value="{{ $store->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.logo_image') }}</label>
                        <div class="col-7">
                            <input type="file" name="image" onChange="handleFileSelect(event,'photo')">
                            <div id="uploding_image_restaurant"></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.store_image_help') }}
                            </div>
                        </div>
                    </div>
                    {{-- Existing Logo Image (if any) --}}
                    @if ($store->getMedia('logo_image')->count())
                    <table class="table mt-3">
                        <thead>
                            <tr>
                                <th>{{ trans('lang.image') }}</th>
                                <th>{{ trans('lang.actions') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($store->getMedia('logo_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('stores.media.destroy', [$store->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 ($store->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 ($store->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('stores.media.destroy', [$store->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:block">
                            @php
                            $days = [
                            'Monday',
                            'Tuesday',
                            'Wednesday',
                            'Thursday',
                            'Friday',
                            'Saturday',
                            'Sunday',
                            ];
                            @endphp

                            @foreach ($days as $day)
                            @php
                            $dayWorkingHours = $workingHours->where('day', $day);
                            $dayKey = $day;
                            @endphp

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

                            <div class="restaurant_working_hour_{{ $day }}_div restaurant_discount mb-5 form-group row mt-2"
                                style="{{ count($dayWorkingHours) > 0 ? 'display:block' : 'display:none' }}">
                                <div class="col-12">
                                    <table class="booking-table"
                                        id="working_hour_table_{{ $day }}">
                                        <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>

                                        @foreach ($dayWorkingHours as $index => $wh)
                                        <tr id="row_{{ $day }}{{ $index }}">
                                            <td class="" style="width:50%;">
                                                <input type="time"
                                                    name="working_hours[{{ $dayKey }}][{{ $index }}][from]"
                                                    value="{{ $wh->from }}" class="form-control"
                                                    required>
                                            </td>
                                            <td class="" style="width:50%;">
                                                <input type="time"
                                                    name="working_hours[{{ $dayKey }}][{{ $index }}][to]"
                                                    value="{{ $wh->to }}" class="form-control"
                                                    required>
                                            </td>
                                            <td>
                                                <button type="button" class="btn btn-danger"
                                                    onclick="removeWorkingHourRow('{{ $day }}','row_{{ $day }}{{ $index }}')">
                                                    <i class="fa fa-trash" title="Delete"></i>
                                                </button>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </table>
                                </div>
                            </div>
                            @endforeach
                        </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.store') }} {{ 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 ($store->is_active == 1) checked @endif>
                                <label class="col-3 control-label"
                                    for="is_active">{{ trans('lang.active') }}</label>
                            </div>
                        </div>

                    </div>
                    <div class="form-group row">

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

                    </div>
                    <div class="form-group row">

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

                    </div>
                </fieldset>
                <fieldset>
                    <legend>{{ trans('lang.store') }} {{ trans('lang.store_discount') }}</legend>
                    <div class="form-group row width-50">
                        <label class="col-3 control-label">{{ trans('lang.discount_type') }}</label>
                        <div class="col-7">
                            <select id="vendor" name="discount_type" class="form-control">
                                <option value="">{{ trans('lang.select_type') }}</option>
                                <option value="flat" @if($store->discount_type == 'flat') selected @endif >{{trans('lang.flat')}}</option>
                                <option value="percentage" @if($store->discount_type == 'percentage') selected @endif>{{trans('lang.percentage')}}</option>
                            </select>
                            <div class="form-text text-muted">
                                {{ trans('lang.restaurant_percentage_help') }}
                            </div>
                        </div>
                    </div>
                    <div class="form-group row width-50">
                        <label class="col-3 control-label">{{trans('lang.discount')}}</label>
                        <div class="col-7">
                            <input type="number" value="{{$store->discount}}" name="discount" min="0" step="0.01" class="form-control ">


                            <div class="form-text text-muted">
                                {{ trans("lang.discount_help") }}
                            </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 ($store->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 ($store->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="{{ $store->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="{{ $store->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="{{ $store->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="{{ $store->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>
                                    @forelse($drivers as $index => $driver)
                                    <tr>
                                        <td>
                                            <input type="hidden" name="drivers[{{ $index }}][driver_id]" value="{{ $driver->id }}" class="driver-id">

                                            <input type="text"
                                                name="drivers[{{ $index }}][first_name]"
                                                value="{{ $driver->user->first_name }}"
                                                class="form-control" placeholder="First Name">
                                        </td>
                                        <td>
                                            <input type="text"
                                                name="drivers[{{ $index }}][last_name]"
                                                value="{{ $driver->user->last_name }}"
                                                class="form-control" placeholder="Last Name">
                                        </td>
                                        <td>
                                            <input type="tel"
                                                name="drivers[{{ $index }}][phone]"
                                                value="{{ $driver->user->phone }}"
                                                class="form-control phone-input"
                                                data-full-number="{{ $driver->user->phone_code }}{{ $driver->user->phone }}"
                                                placeholder="Mobile Number">
                                            <input type="hidden"
                                                name="drivers[{{ $index }}][phone_code]"
                                                value="{{ $driver->user->phone_code }}"
                                                class="phone-code">

                                        </td>
                                        <td>
                                            <button type="button"
                                                class="btn btn-danger remove-driver">×</button>
                                        </td>
                                    </tr>
                                    @empty
                                    {{-- Show one empty row if no drivers --}}
                                    <tr>
                                        <td><input type="text" name="drivers[0][first_name]"
                                                class="form-control" placeholder="First Name"></td>
                                        <td><input type="text" name="drivers[0][last_name]"
                                                class="form-control" placeholder="Last Name"></td>
                                        <td>
                                            <input type="tel" name="drivers[0][phone]"
                                                class="form-control phone-input"
                                                placeholder="Mobile Number">
                                            <input type="hidden" name="drivers[0][phone_code]"
                                                class="phone-code">
                                        </td>
                                        <td></td>
                                    </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>

                    </div>
                </fieldset>

                {{-- <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('stores') !!}" 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%'
        });

        if (preselectedSubcategories.length > 0) {
            $('#subcategories').val(preselectedSubcategories).trigger('change');
        }

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

            if (categoryId) {
                $.ajax({
                    url: "{{ route('get.subcategories') }}",
                    type: 'GET',
                    data: { category_id: categoryId },
                    success: function(data) {
                        $('#subcategories').empty();

                        if (data.length) {
                            $.each(data, function(index, subcategory) {
                                $('#subcategories').append(
                                    $('<option>', {
                                        value: subcategory.id,
                                        text: subcategory.name
                                    })
                                );
                            });

                            $('#subcategories').val(preselectedSubcategories).trigger('change');
                        } else {
                            $('#subcategories').append(
                                $('<option>', {
                                    value: '',
                                    text: 'No subcategories found'
                                })
                            );
                        }
                    },
                    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_number").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_number").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