@extends('frontend.layouts.app')
@push('meta')
    <meta property="og:url" content="{{ route('home') }}">
    <meta property="og:type" content="Foodbank">
    <meta property="og:title" content="{{ setting('banner_title') }}">
    <meta property="og:description" content="Explore top-rated attractions, activities and more">
    <meta property="og:image" content="{{ asset('images/' . setting('site_logo')) }}">

    <link rel="stylesheet" href="https://andreruffert.github.io/rangeslider.js/assets/rangeslider.js/dist/rangeslider.css">
@endpush

@section('main-content')
    <!--======= RESTAURANT PART START ========-->
    <section class="restaurant section-gap-66">
        <div class="container">
            <div class="filter-group" id="filter">
                <div class="swiper filter-swiper">
                    <nav class="swiper-wrapper d-flex flex-wrap">
                        <a onclick="expedition('all')" class="expedition me-md-3 me-sm-2 me-0" data-filter=".delivery-filter">
                            <button type="button" class="swiper-slide @if (Request::get('expedition') == 'all' || Request::get('expedition') == '') active @endif">
                                <i class="fa-solid fa-check-double"></i>
                                <span>{{ __('frontend.all') }} </span>
                            </button>
                        </a>
                        <a onclick="expedition('delivery')" class="expedition me-md-3 me-sm-2 me-0" data-filter=".delivery-filter">
                            <button type="button" class="swiper-slide  @if (Request::get('expedition') == 'delivery') active @endif">
                                <i class="fa-solid fa-person-biking"></i>
                                <span>{{ __('frontend.delivery') }}</span>
                            </button>
                        </a>
                        <a onclick="expedition('pickup')" class="expedition me-md-3 me-sm-2 me-0" data-filter=".delivery-filter">
                            <button type="button" class="swiper-slide  @if (Request::get('expedition') == 'pickup') active @endif">
                                <i class="fa-solid fa-burger"></i>
                                <span>{{ __('frontend.takeaway') }} </span>
                            </button>
                        </a>
                        <a onclick="expedition('table')" class="expedition me-md-3 me-sm-2 me-0" data-filter=".delivery-filter">
                            <button type="button" class="swiper-slide @if (Request::get('expedition') == 'table') active @endif">
                                <i class="fa-solid fa-border-all"></i>
                                <span> {{ __('frontend.table') }} </span>
                            </button>
                        </a>
                    </nav>
                </div>

                <form method="GET" action="{{ route('search', Request::query()) }}" id="myForm">
                    <input type="hidden" class="form-control" id="lat" name="lat"
                        value="{{ Request::get('lat') }}">
                    <input type="hidden" class="form-control" id="long" name="long"
                        value="{{ Request::get('long') }}">
                    <input type="hidden" id="expedition" name="expedition" value="{{ Request::get('expedition') }} ">
                    <div class="filter-options">

                        <div class="filter-search">
                            <button type="submit" class="lni lni-search-alt"></button>
                            <input type="text" name="query" id="search"
                                placeholder="{{ __('frontend.search_placeholder') }}" value="{{ Request::get('query') }}">
                        </div>

                        <div class="filter-search location">
                            <a href="javascript:void(0)">
                                <button type="submit" class="lni lni-search-alt" onclick="getLocation()"></button>
                            </a>
                            <div id="autocomplete-container">
                                <input id="autocomplete-input" type="text"
                                    placeholder="{{ __('frontend.by_location') }}">
                            </div>
                        </div>

                        <div class="filter-select">
                            <div class="dropdownParent">
                                <span class="custonDropdown d-flex justify-content-center">
                                    {{ __('Cuisines') }}
                                </span>
                                <ul class="cDrop">
                                    <div class="row checkNew">
                                        @foreach ($cuisines as $cuisine)
                                            <div class="col-xl-6">
                                                <div class="form-group">