@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('site_description') }}">
<meta property="og:description" content="Explore top-rated attractions, activities and more">
<meta property="og:image" content="{{ asset('images/'.setting('site_logo')) }}">
@endpush

@section('header-container-css')
{{__('fixed fullwidth')}}
@endsection
@section('header-css')
{{__('not-sticky')}}
@endsection
@section('main-content')

<!-- Content
================================================== -->
<div class="ls-container container-fluid">

    <div class="ls-inner-container content">
        <div class="fs-content">

            <!-- Search -->
            <section class="search">

                <div class="row">
                    <div class="col-md-12">

                        <!-- Filters -->
                        <div id="filters">
                            <ul class="option-set margin-bottom-10">
                                <li><a href="#" onclick="expedition('all')"
                                        class="expedition @if(Request::get('expedition')=='all' ) selected @endif"
                                        data-filter=".delivery-filter">{{__('frontend.all')}}</a></li>
                                <li><a href="#" onclick="expedition('delivery')"
                                        class="expedition @if(Request::get('expedition')=='delivery' ) selected @endif"
                                        data-filter=".delivery-filter">{{__('frontend.delivery')}}</a></li>
                                <!--<li><a href="#" onclick="expedition('table')"-->
                                <!--        class="expedition @if(Request::get('expedition')=='table' ) selected @endif"-->
                                <!--        data-filter=".delivery-filter">{{__('frontend.table')}}</a></li>-->
                            </ul>
                            <div class="clearfix"></div>
                        </div>

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

                            <!-- Row With Forms -->
                            <div class="row with-forms">
                                <div class="col-fs-6">
                                    <div class="input-with-icon">
                                        <i class="sl sl-icon-magnifier"></i>
                                        <input type="text" name="query" id="search"
                                            placeholder="{{ __('frontend.search_placeholder') }}?" value="{{Request::get('query')}}" />

                                    </div>

                                </div>

                                <!-- Main Search Input -->
                                <div class="col-fs-6">
                                    <div class="main-search">
                                        <div class="input-with-icon location">
                                            <div id="autocomplete-container">
                                                <input id="autocomplete-input" type="text" placeholder="{{ __('frontend.location') }}">
                                            </div>
                                            <a href="javascript:void(0)" class="main-search-icon">
                                                <i class="im im-icon-Location current-icons"
                                                    onclick="getLocation()"></i>
                                            </a>
                                            <button class="button search-btn" type="submit">
                                                <i class="fas fa-search search-icon"></i>
                                            </button>

                                        </div>

                                    </div>

                                </div>


                                <!-- Filters -->
                                <div class="col-fs-12">

                                    <!-- Panel Dropdown / End -->
                                    <div class="panel-dropdown">
                                        <a href="#">Salad</a>
                                        <div class="panel-dropdown-content checkboxes categories">
                                            @if(isset($cuisines))
                                            <div class="row">
                                                @foreach($cuisines as $cuisine)
                                                <div class="col-md-6">