@extends('layouts.app')
@section('meta.title')
    <title>Restorantet</title>
@endsection

@section('meta.description')
    <meta name="description"
          content="Baboon eshte aplikacion shqiptar ku porosit ushqim online nga kompjuteri, tablet apo celulari.">
@endsection

@section('meta.keywords')
    <meta name="keywords"
          content="Baboon Albania, pizza taxi, sherbim taksi 24 ore, delivery and food tirana, restorante ne tirane, fast food ne tirane,ushqim i castit.">
@endsection

@section('custom-css')
    <link rel="stylesheet" type="text/css" href="{{ asset('css/reststyle.css') }}">
@endsection
@section('content')
    <button onclick="topFunction()" id="topBtn" title="Go to top"><i class="fa fa-angle-up"></i></button>
    <div class="restaurant-header">
        <div class="new-restaurant-title text-center">
            <h1>Zgjidhni restorantet më të mira në Baboon</h1>
        </div>
    </div>
    <div class="container">
        <div style="margin-left: 10px; margin-right: 5px;" class="row" style="padding: 0">
            <div class="col-md-12">
                <div class="restaurant-nav-list">
                    <a href="{{route('home')}}">
                        Baboon
                        <img src="{{asset('images/arrow-point.png')}}">
                        Home
                    </a>
                </div>
                <div class="restaurant-desc">
                    <p>
                        Baboon është vendi më i mirë për të porositur restorantet online në shtëpi në Shqipëri:
                        Zgjidhni restorantin që ju pëlqen më së miri dhe porositni direkt në internet!
                    </p>
                </div>
            </div>

        </div>
        <div class="row">
            <div class="col-md-1"></div>
            <div class="l-container l-vPad--mid u-relativePosition ">
                <main id="searchResults" class="g g--gutter g--stack--midWide">
                    <div class=" col-md-3 col-xs-12 u-showAboveMidWide--noJS">

                        <form class="form-horizontal" method="POST" id="add-add-form"
                              action="{{route('restaurant.search')}}">
                            <section class="controlList controlList--expandable u-showAboveMidWide u-showInModal"
                                     data-cuisine-filter="" data-expandable="">
                                <div class="controlList-inner" data-cuisines-content="">
                                    <h2 class="controlList-title l-inlined has-icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="19">
                                            <path fill="#4E4E4E" fill-rule="evenodd"
                                                  d="M15.733 5.374C15.733 2.38 14.2 0 12.233 0c-1.966 0-3.5 2.38-3.5 5.374 0 2.45.967 4.456 2.367 5.17v8.334h2.333V10.51c1.367-.748 2.3-2.72 2.3-5.136zM4.9.204v6.77c0 .373-.3.645-.667.645a.672.672 0 0 1-.666-.65V.17h-1.1v6.803c0 .374-.3.646-.667.646a.672.672 0 0 1-.667-.65V.17H0v7.517c0 1.293.767 2.38 1.867 2.857v8.334H4.2v-8.334a3.094 3.094 0 0 0 1.867-2.857V.204H4.9z"></path>
                                        </svg>
                                        <p style="font-size: 15px;margin-left: 5px;">Çfarë doni? &nbsp;</p>
                                        <p style="font-size: 15px;"> Zgjidhni një kuzhinë:</p>
                                    </h2>
                                    @php
                                        $actual_link = (isset($_SERVER['HTTPS']) ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
                                            $lastParam = explode("/", $actual_link);
                                            $id =  end($lastParam);
                                    $checked = $category_id == -5  ? 'checked=""' : '';
                                    @endphp
                                    <div class="card card--small card--arrow searchResults-cuisines">
                                        <ul class="unstyled" data-test="cuisineFilterList">
                                            <li class="controlList-item is-active     u-dividerSpace"
                                                data-test="cuisineFilterItem" data-seo-name="all"
                                                data-cuisine-filter-item="" data-sort-index="0">
                                                <label class="controlList-label control control--custom is-hidden--noJS">

                                                    <input class="control-input" type="checkbox" id="te-gjitha"
                                                           onchange="filterByAll();" name="cuisine"
                                                           value="all" {{$checked}}>

                                                    <span class="control-indicator control-indicator--tickbox"
                                                          data-test-cuisine="Te gjitha"></span>
                                                    Te gjitha
                                                </label>
                                            </li>
                                            @foreach($categories as $category)
                                                @php $checked = $category->categoryID == $category_id ? 'checked=""' : ''; @endphp
                                                <li class="controlList-item  is-popular    "
                                                    data-test="cuisineFilterItem"
                                                    data-seo-name="{{$category->slug}}"
                                                    data-cuisine-filter-item="" data-sort-index="1">
                                                    <label class="controlList-label control control--custom is-hidden--noJS">

                                                        <input class="control-input" type="checkbox"
                                                               id="{{$category->categoryID}}"
                                                               {{$checked}} onchange="mixpanel.track('WEB:FILTER_RESTAURANTS_BY_CUISINE');window.location.href='{{route('restaurant.location.category',$category->slug)}}'"
                                                               name="cuisine" value="{{$category->categoryName}}">

                                                        <span class="control-indicator control-indicator--tickbox"
                                                              data-test-cuisine="{{$category->categoryName}}"></span>
                                                        {{$category->categoryName}}
                                                    </label>
                                                </li>
                                            @endforeach
                                        </ul>

                                    </div>

                                </div>
                            </section>
                            {{ csrf_field() }}