@extends('layouts.app')
@section('meta.title')
    <title>{{($seo_data != "")?$seo_data->metaTitle:"Restorantet"}}</title>
@endsection

@section('meta.description')
    <meta name="description"
          content="{{($seo_data != "")?$seo_data->metaDescription:"Baboon eshte aplikacion shqiptar ku porosit ushqim online nga kompjuteri, tablet apo celulari."}}">
@endsection

@section('meta.keywords')
    <meta name="keywords"
          content="{{($seo_data != "")?$seo_data->metaKeyWords:"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')
    <style>
        .cappy-promo {
            border-top: 1px solid #fff;
            border-left: 1px solid #fff;
            border-right: 1px solid #fff;
            border-bottom: 1px solid #e5e5e5;
            padding: 5px 0;
            margin-bottom: 10px;
        }

        .cappy-image {
            width: 100%;
            padding-bottom: 10px
        }
    </style>

@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">
            <div class="col-md-12 col-xs-12">
                <h1>Zgjidhni restorantet më të mira në Baboon</h1>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row" style="padding: 0">
            <div class="col-md-1"></div>
            <div class="col-md-10">
                <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>
                        {{($seo_data != "")?$seo_data->metaDescription:"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 class="col-md-1"></div>
        </div>


        <div class="restaurants-list">
            <div class="row rest-search-title" style="margin: 0!important;">

                <div class="row">
                    <div class="col-md-10 col-md-offset-1 col-sm-12 col-xs-12 rest-that-serve">
                        <div class="row">
                            <div class="col-md-7 col-xs-5" style="padding:  0;">
                                <h2>
                                    Restorantet {{ ($selected_category !== '') ?  $selected_category->categoryName : ''}} </h2>
                            </div>
                            <div class="col-md-5 col-xs-7">
                                <div class="input-group">
                                    <input type="text" class="search-form-control form-control" id="search-by-input"
                                           placeholder="Kërko restorantin ose ushqimin">
                                    <span class="input-group-btn">
                                            {{--<button class="btn btn-primary btn-secondary outline-none" type="button" onclick="searchByInput()"><i class="fa fa-search"></i> Kërko</button>--}}
                                        <button class="btn btn-primary btn-secondary outline-none" type="button"><i
                                                    class="fa fa-search"></i> Kërko</button>
                                        </span>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>


            </div>
            <div class="row">
                <div class="col-md-1 col-xs-1"></div>
                <div class="col-md-3 col-xs-11">
                    <div class="search-results">
                        <p>Çfarë doni?</p>
                        <p>Zgjidhni një kuzhinë: <span class="menu-cat-list-angle pull-right" data-toggle="collapse"
                                                       data-target="#menu-cat-list"><i
                                        class="top-arrow  fa fa-angle-down"></i></span></p>
                        <div id="menu-cat-list">
                            <li><a href="{{route('restaurant.category','te-gjitha')}}">Të gjitha
                                    @if(intval($category_id) == -5)
                                        <i class="pull-right fa fa-check"></i>
                                    @endif
                                </a></li>
                            @foreach($categories as $category)
                                @if(intval($category_id) == $category->categoryID)
                                    <li>
                                        <a href="{{route('restaurant.category',$category->slug)}}"> {{$category->categoryName}}
                                            <i class="pull-right fa fa-check"></i> </a></li>
                                @else
                                    <li>
                                        <a href="{{route('restaurant.category',$category->slug)}}">{{$category->categoryName}} </a>
                                    </li>
                                @endif
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="col-md-8 col-sm-10 col-xs-11">
                    <div class="open-restaurants-list">
                        @if(count($restaurants) != 0)
                            @foreach($restaurants as $key => $restaurant)
{{--                                @if($key%15 == 0 && $key!=0)--}}
{{--                                    <div class="col-md-12 col-sm-12 col-xs-12 cappy-promo">--}}
{{--                                        <img src="{{asset('images/cappy-100.png')}}" class="cappy-image">--}}
{{--                                    </div>--}}
{{--                                @endif--}}
                                <article>
                                    <div class="row single-restaurant single-restaurant-custom">
                                        <div class="col-md-2 col-xs-12 single-restaurant-logo">
                                            <a href="{{ route('restaurant.menu',slugifyString($restaurant->restaurantName)) }}"
                                               class="restaurant-logo">
                                                <img src="{{$restaurant->logo}}" alt="{{$restaurant->restaurantName}}"
                                                     title="{{$restaurant->restaurantName}}">
                                            </a>
                                        </div>

                                        <div class="col-md-10 col-xs-12 single-restaurant-desc">
                                            @if($restaurant->newRestaurant == true)
                                                <div class="col-md-2 col-xs-2">
                                                    <p class="new-restaurant">New</p>
                                                </div>
                                                <div class="col-md-10 col-xs-10">
                                                    @else
                                                        <div class="col-md-12 col-xs-12">
                                                            @endif

                                                            @php
                                                                $description = '';
                                                                $today = date("l");
                                                                $dayOfWeek = date("l", strtotime($today));
                                                            switch ($dayOfWeek){
                                                             case 'Monday':
                                                                $open = substr($restaurant->monday,0,5);
                                                                 break;
                                                             case 'Tuesday':
                                                                $open = substr($restaurant->tuesday,0,5);
                                                                 break;
                                                             case 'Wednesday':
                                                                $open = substr($restaurant->wednesday,0,5);
                                                                 break;
                                                             case 'Thursday':
                                                                $open = substr($restaurant->thursday,0,5);
                                                                 break;
                                                             case 'Friday':
                                                                $open = substr($restaurant->friday,0,5);
                                                                 break;
                                                             case 'Saturday':
                                                                $open = substr($restaurant->saturday,0,5);
                                                                 break;
                                                             case 'Sunday':
                                                                $open = substr($restaurant->sunday,0,5);
                                                                 break;
                                                             default:
                                                                 $open = explode('-',$restaurant->monday)[0];
                                                            }
                                                            @endphp

                                                            <h3>
                                                                <a href="{{route('restaurant.menu',slugifyString($restaurant->restaurantName))}}">{{$restaurant->restaurantName}}</a>
                                                                <a href="{{route('restaurant.menu',slugifyString($restaurant->restaurantName))}}"
                                                                   class="btn btn-primary pull-right" id="see-menu">Shiko
                                                                    Menunë</a></h3>
                                                            <div class="row">
                                                                <div class="col-md-5 col-xs-12">
                                                                    <address>{{$restaurant->address}}  </address>
                                                                </div>
                                                                <div class="col-md-4 col-xs-12">
                                                                    @if(!$restaurant->isOpen)<span
                                                                            class="discount pull-right">Hapet ne {{ date("g:i a", strtotime($open)) }} </span>@endif
                                                                </div>
                                                            </div>

                                                            <p class="rating">
                                                                @if(isset($restaurant->averageRate))
                                                                    @for($i = 0; $i < round($restaurant->averageRate);$i++)
                                                                        <img src="{{asset('images/starnormal.png')}}"
                                                                             width="15" height="15">
                                                                    @endfor
                                                                    @if(round($restaurant->averageRate) == 4)
                                                                        <img src="{{asset('images/starnormals.png')}}"
                                                                             width="15" height="15">
                                                                    @elseif(round($restaurant->averageRate) == 3)
                                                                        <img src="{{asset('images/starnormals.png')}}"
                                                                             width="15" height="15">
                                                                        <img src="{{asset('images/starnormals.png')}}"
                                                                             width="15" height="15">
                                                                    @elseif(round($restaurant->averageRate) == 2)
                                                                        <img src="{{asset('images/starnormals.png')}}"
                                                                             width="15" height="15">
                                                                        <img src="{{asset('images/starnormals.png')}}"
                                                                             width="15" height="15">
                                                                        <img src="{{asset('images/starnormals.png')}}"
                                                                             width="15" height="15">
                                                                    @elseif(round($restaurant->averageRate) == 1)
                                                                        <img src="{{asset('images/starnormals.png')}}"
                                                                             width="15" height="15">
                                                                        <img src="{{asset('images/starnormals.png')}}"
                                                                             width="15" height="15">
                                                                        <img src="{{asset('images/starnormals.png')}}"
                                                                             width="15" height="15">
                                                                        <img src="{{asset('images/starnormals.png')}}"
                                                                             width="15" height="15">
                                                                    @elseif(round($restaurant->averageRate) == 0)
                                                                        <img src="{{asset('images/starnormals.png')}}"
                                                                             width="15" height="15">
                                                                        <img src="{{asset('images/starnormals.png')}}"
                                                                             width="15" height="15">
                                                                        <img src="{{asset('images/starnormals.png')}}"
                                                                             width="15" height="15">
                                                                        <img src="{{asset('images/starnormals.png')}}"
                                                                             width="15" height="15">
                                                                        <img src="{{asset('images/starnormals.png')}}"
                                                                             width="15" height="15">
                                                                    @endif
                                                                @endif
                                                            </p>

                                                            @php $description = ''; $minimumOrder = ''; @endphp
                                                            @if(isset($restaurant->discountList) && $restaurant->discountList != null)
                                                                @php
                                                                    $description = $restaurant->discountList[0]->description;
                                                                    $minimumOrder = $restaurant->discountList[0]->minimumOrder;
                                                                    $percentage = $restaurant->discountList[0]->percentage ? '%' : '';
                                                                @endphp
                                                                <span class="promo promo--primary promo--ribbon"
                                                                      data-test-id="offer">-{{$restaurant->discountList[0]->discount}}{{$percentage}}</span>
                                                                <p class="infoText u-clearfix inf-text-bold">{{$description}}  @if(isset($restaurant->discountList[0]->minimumOrder) && $restaurant->discountList[0]->minimumOrder != null) @endif </p>
                                                            @endif

                                                        </div>

                                                </div>
                                                {{--<div class="col-md-1 col-xs-1">--}}
                                                {{--<a href="{{route('restaurant.menu',$restaurant->restaurantID)}}" class="btn btn-primary " id="see-menu">Shiko Menunë</a>--}}
                                                {{--</div>--}}
                                        </div>
                                </article>
                            @endforeach
                            <div class="pagination-ul">
                                <ul class="pagination">
                                    <li><a href="#" class="current">1</a></li>
                                    <li><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li><a href="#">4</a></li>
                                    <li><a href="#">></a></li>
                                    <li><a href="#">>></a></li>
                                </ul>
                            </div>
                        @else
                            <br>
                            <br>
                            <br>
                            @if(isset($flag) && $flag == 'category')
                                <h3 class="theme-color"> Nuk gjenden restorante që i përkasin kësaj kategorie ! </h3>
                            @elseif(isset($flag) && $flag == 'filtrim')
                                <h3 class="theme-color"> Nuk gjenden restorante nga filtrimi juaj ! </h3>
                            @else
                                <h3 class="theme-color"> Nuk gjenden restorante që shërbejnë afër zonës suaj ! </h3>
                            @endif

                        @endif
                    </div>
                </div>
                <div class="col-md-1"></div>
            </div>

        </div>
    </div>
    <div class="last-bg">
        {{--      <img src="{{asset('images/last-bg.png')}}" >--}}
    </div>
    {{--<form class="form-horizontal" method="POST" id="search-by-input-form" action="{{route('restaurant.location')}}">--}}
    {{--{{ csrf_field() }}--}}
    {{--<input type="hidden" name="input" id="search-by-input-input" value="">--}}
    {{--<input type="hidden" name="cat_id" id="search-by-input-cat_id" value="">--}}
    {{--</form>--}}
@endsection
@section('custom-js')
    <script>
        $(document).ready(function () {

            var h = $(window).height(), w = $(window).width();
            $(window).resize(function () {

                var nh = $(window).height(), nw = $(window).width();
                // compare the corresponding variables.
                h = nh;
                w = nw; // update h and w;
                if (w < 1000) {
                    $('.menu-cat-list-angle').show();
                    console.log('resizeee2');
                    $('#menu-cat-list').addClass('collapse');


                } else {
                    $('#menu-cat-list').removeClass('collapse');
                    $('.menu-cat-list-angle').hide();

                }
            });
        });
        window.onscroll = function () {
            scrollFunction()
        };

        function scrollFunction() {
            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                document.getElementById("topBtn").style.display = "block";
            } else {
                document.getElementById("topBtn").style.display = "none";
            }
        }

        // When the user clicks on the button, scroll to the top of the document
        function topFunction() {
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
        }

        function searchByInput() {

            var input = $('#search-by-input').val();
            var cat_id = `{{intval($category_id)}}`;

            $('#search-by-input-input').val(input);
            $('#search-by-input-cat_id').val(cat_id);

            $('#search-by-input-form').attr('action', '