@section('title', __('cart/selectSlot.Select Slot'))
@section('header-style', 'inner_nav')

@push('style')
<link rel="stylesheet" href="{{ mix('css/web/cart/selectSlot.css') }}">
@endpush

@push('script')
<script src="{{mix('js/web/cart/selectSlot.js')}}"></script>
@endpush

<x-layout>
    <section class="main_packag">
        <div class="col-md-12 mt-1 mb-5 text-center">
            <h1 class="mani_head_1">@Lang('cart/selectSlot.Book a time slot'):</h1>
        </div>
        <div class="container">
            <div class="location_sec1 mb-4">
                <div id="slot-calendar" data-eventsurl="{{route('web_cart_calendar_events')}}" data-product_id="{{$product->id}}" data-product_option_id="{{$productOption->id}}"
                    data-default="{{ $cartItem ? $cartItem->optiondate->date : (isset($bookingCart->date) ? $bookingCart->date : '') }}" data-tomorrow="{{date('Y-m-d', strtotime('tomorrow'))}}"></div>
                <div class="col-md-12 mt-5 mb-4 text-center m-top-mob">
                    <h4 class="sub_head_1">@Lang('cart/selectSlot.Select available time'):</h4>
                </div>
                @php $initialTime = $cartItem ? $cartItem->optiondate->time_from : (isset($bookingCart->time) ? $bookingCart->time : ''); @endphp
                @php 
                $initialSlotId = $cartItem ? $cartItem->option_date_id : (isset($bookingCart->option_date_id) ? $bookingCart->option_date_id : ''); 
                @endphp
                <div class="time-slot" data-initial="{{$initialTime}}" data-initialid="{{$initialSlotId}}" data-timesurl="{{route('web_cart_date_times')}}">
                </div>
                <hr class="mt-5 mb-5 break-line">
                <div class="search_btn1 text-right">
                    <form id="selectSlotForm" method="post" action="{{route('web_cart_select_slot')}}">
                        @csrf
                        <input name="cart_item_id" type="hidden" value="{{ $cartItem ? $cartItem->id : '' }}">
                        @php $selectedDate = $cartItem ? $cartItem->optiondate->date : (isset($bookingCart->date) ? $bookingCart->date : '') @endphp
                        <input id="slotDate" name="date" type="hidden" value="{{ ($selectedDate ) ? $selectedDate : '' }}">
                        <input id="slotTime" name="time" type="hidden" value="{{ $initialTime }}">
                        <input id="slotId" name="option_date_id" type="hidden" value="{{ $initialSlotId }}">
                        <a class="date_btn1" href="{{url()->previous()}}">@Lang('cart/selectSlot.Cancel')</a>
                        <button type="submit" class="date_btn2 text-uppercase">{{$cartItem ? __('cart/selectSlot.Update Cart') : __('cart/selectSlot.Next: Select a location')}}</button>
                    </form>
                    
                </div>
            </div>
        </div>
    </section>
</x-layout>