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

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

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

<x-layout>
    <section class="main_packag">
        <div class="container">
            <div class="col-md-12 mt-1 mb-5 text-center">
                <h1 class="mani_head_1">@Lang('cart/selectLocation.Select Location')</h1>
            </div>
            <div class="location_sec1 mb-4">
                <div class="search_loct mb-3 position-relative">
                    <input type="text" class="form-control" id="placeInput" aria-describedby="searchlHelp" value="{{ $cartItem ? $cartItem->location : '' }}">
                    <button type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
                </div>
                <div class="search_maps">
                    <div id="map" class="map_align_1" data-apikey="{{config('settings.google_map_api_key')}}"></div>
                </div>
                <form id="selectLocationForm" method="post" action="{{route('web_cart_select_location')}}">
                    <div class="search_btn1">
                        @csrf
                        <input name="cart_item_id" type="hidden" value="{{ $cartItem ? $cartItem->id : '' }}">
                        <input id="slotLocation" name="location" type="hidden" value="{{ $cartItem ? $cartItem->location : '' }}">
                        <input id="slotLongitude" name="longitude" type="hidden" value="{{ $cartItem ? $cartItem->longitude : '' }}">
                        <input id="slotLatitude" name="latitude" type="hidden" value="{{ $cartItem ? $cartItem->latitude : '' }}">
                        @if($cartItem  == null)
                        <button type="button" class="locaton_btn1" onclick="window.location.href='{{url()->previous()}}'">@Lang('cart/selectLocation.BACK : BOOK TIME SLOT')</button>
                        @else
                        <button type="button" class="locaton_btn1"  id="clearLocation">@Lang('cart/selectLocation.Clear')</button>
                        @endif
                        <button type="submit" class="locaton_btn3 text-uppercase">{{$cartItem ? __('cart/selectLocation.Update Cart') : __('cart/selectLocation.Confirm your location')}}</button>
                        <a href="{{ route('web_home_locale', ['locale'=>(app()->getLocale()=='en')?'en':'ar']) }}"><button class="locaton_btn2">@Lang('cart/selectLocation.CONFIRM LOCATION LATER')</button></a>
                    </div>
                </form>
            </div>
        </div>
    </section>
</x-layout>