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



@section('meta.description')
    <meta name="description" content="{{($seo_data != "")?$seo_data->metaDescription:""}}">
@endsection

@section('meta.keywords')
    <meta name="keywords" content="{{($seo_data != "")?$seo_data->metaKeyWords:""}}">
@endsection

@section('custom-css')

    <style>
        @media (min-width: 320px) and (max-width: 480px) {
            #text-of-menu {
                padding-left: 90px !important;
                padding-top: 0px !important;
                font-size: 11px !important;
            }

            .menu-restaurant-icon {
                width: 280% !important;
            }
        }

        #social-links ul {
            list-style-type: none;
            padding-left: 0px;
        }

        #social-links ul li {
            display: inline-block;
            padding: 0px 5px;
        }

        #social-links ul li span.fa {
            font-size: 15px;
        }
    </style>
@endsection
@section('content')
    <meta name="csrf-token" content="{{ csrf_token() }}"/>

    <div class="menu-header"
         style='background: url({{str_replace(' ','%20', $current_restaurant->photoUrl)}}) no-repeat; '>
    </div>
    <div class="menu-container">
        <div class="container ">
            <button onclick="topFunction()" id="topBtn" title="Go to top"><i class="fa fa-angle-up"></i></button>
            <div class="row menu-summary">
                <div class="col-md-1 col-xs-4 ">
                    <a href="#">
                        <img src="{{$current_restaurant->logo}}" width="70" height="70">
                    </a>
                </div>

                @if(Session::has('authenticated') && Session::get('authenticated') == true)
                    <div class="col-md-3 col-xs-8 ">
                        @else
                            <div class="col-md-5 col-xs-8 ">
                                @endif
                                <div class="restaurant-nav-list menu-nav-list">
                                    <a href="{{route('home')}}">
                                        Baboon
                                    </a>
                                    <img src="{{asset('images/arrow-point.png')}}">
                                    <a href="#">
                                        Shqipëri
                                    </a>
                                    <img src="{{asset('images/arrow-point.png')}}">
                                    <a href="#">
                                        {{$current_restaurant->restaurantName}}
                                    </a>
                                </div>
                                <span class="delivery-title">
                    {{$current_restaurant->restaurantName}}
                </span>
                                <div>
                                    @if(isset($current_restaurant->averageRate))
                                        @for($i = 0; $i < round(round($current_restaurant->averageRate));$i++)
                                            <img src="{{asset('images/starnormal.png')}}" width="15" height="15">
                                        @endfor
                                        @if(round(round($current_restaurant->averageRate)) == 4)
                                            <img src="{{asset('images/starnormals.png')}}" width="15" height="15">
                                        @elseif(round(round($current_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(round($current_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(round($current_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(round($current_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


                                    (<a  href="#rest-rating" data-toggle="tab"><u> Vlerësimi Mesatar:</u> {{round($current_restaurant->averageRate)}}  </a>)
                                    <p class="single-order-detail-rate">

                                        @php
                                            if(isset($restaurant_categories)){
                                                foreach ($restaurant_categories as $restorantCategory){
                                                    $sep = (next($restaurant_categories))  ?  ", " : " ";
                                                    echo $restorantCategory->categoryName.$sep;
                                                }
                                            }
                                        @endphp
                                    </p>

                                    <p>
                                        {!! Share::page(Request::url(), $current_restaurant->restaurantName,['style' => 'display: inline;'])->facebook()->twitter()->googlePlus()->linkedin(($seo_data != "")?$seo_data->metaDescription:"")->whatsapp() !!}
                                    </p>
                                </div>
                            </div>
                            <div class="col-md-3 col-xs-6">

                                <ul class="menu-deliver">
                                    <li class="list-unstyled single-order-detail-rate"> Kosto e
                                        dorëzimit: {{$current_restaurant->transportCost}} lekë
                                    </li>

                                    <li class="list-unstyled single-order-detail-rate">
                                        Minimumi {{$current_restaurant->minimumorder}} lekë për porosi
                                    </li>

                                </ul>

                            </div>
                            <div class="col-md-3 col-xs-6">

                                <ul class="menu-map">
                                    <li class="list-unstyled single-order-detail-rate"> {{$current_restaurant->address}}</li>

                                    <li class="list-unstyled single-order-detail-rate">Albania</li>
                                </ul>

                            </div>
                            @if(Session::has('authenticated') && Session::get('authenticated') == true)
                                <div class="col-md-2 col-xs-6">
                                    <ul class="menu-heart">
                                        <li class="list-unstyled single-order-detail-rate"><i
                                                    id="{{$current_restaurant->restaurantID}}"
                                                    class="fa {{ $current_restaurant->favourite == false ? "fa-heart-o" : "fa-heart" }}"
                                                    data-once="{{ $current_restaurant->favourite == false ? 0 : 1 }}"
                                                    onclick="fillHeart({{$current_restaurant->restaurantID}});"
                                                    style="font-size: 2.5em; cursor: pointer;color: #ff1149;"
                                                    aria-hidden="true"></i></li>
                                        <p>I preferuar</p>
                                    </ul>

                                </div>
                            @endif
                    </div>
            </div>

            <div class="container">
                <div class="col-md-2 col-xs-12">
                    <div id="cat-spy" data-spy="affix" data-offset-top="200" style="width: 155px!important;">
                        <div class="row">
                            <div class="col-md-12 ">
                                <h3 class=" single-order-detail-title menu-title"><img
                                            src="{{asset('images/menu.svg')}}" height="25"> Kategoritë <span
                                            class="menu-cat-list-angle pull-right" data-toggle="collapse"
                                            data-target="#menu-category"><i
                                                class="top-arrow  fa fa-angle-down"></i></span></h3>
                            </div>
                        </div>
                        <div class="row">
                            <div class="new-restaurant-cont">
                                <ul class="menu-category" id="menu-category">
                                    @foreach($menuCategories as $menuCategory)
                                        <li><a href="#{{$menuCategory->id}}">{{$menuCategory->categoryName}} </a></li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-7 col-xs-12">
                    <div class="row">
                        <div class="col-md-12 menu-nav-tabs">
                            <ul class="nav nav-tabs">
                                <li class="active"><a class="nav-link active single-order-detail-title "
                                                      data-toggle="tab" href="#rest-menu" role="tab">Menu</a></li>
                                <li><a class="nav-link single-order-detail-title " data-toggle="tab" href="#rest-rating"
                                       role="tab">Vlerësime</a></li>
                                <li><a class="nav-link single-order-detail-title " data-toggle="tab" href="#rest-info"
                                       role="tab">Info</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 col-xs-12">
                            <div class="new-restaurant-cont ">
                                <div class="tab-content">
                                    <input type="text" class="form-control" id="restaurant-id"
                                           value="{{$current_restaurant->restaurantID}}" style="visibility: hidden;">
                                    <!--Panel 1-->
                                    <div class="tab-pane active" id="rest-menu" role="tabpanel" data-spy="scroll"
                                         data-target=".scrollspy">
                                        <div class="row">

                                            <div class="col-md-12 col-xs-12">
                                                <div class="input-group">
                                                    <input type="text" class="form-control" id="search-menu"
                                                           name="location" placeholder="Kërko në menu">
                                                    <span class="input-group-btn">
                                                    <button class="btn btn-default outline-none" id="menu-search-btn"
                                                            type="button"></button>
                                               </span>
                                                </div>
                                                <p class="menu-offer theme-color">
                                                    {{--Transporti falas--}}
                                                    Transporti {{$current_restaurant->transportCost}} lekë
                                                </p>
                                                @php $description = ''; $display = 'display:none'; $discount = ''; @endphp
                                                @if(isset($current_restaurant->discountList) && $current_restaurant->discountList != null)
                                                    @php
                                                        $description = $current_restaurant->discountList[0]->description;
                                                        $percentage = $current_restaurant->discountList[0]->percentage ? '%' : '';
                                                        $display = 'display:block';
                                                        $discount =  '-'.$current_restaurant->discountList[0]->discount.$percentage.' ';
                                                    @endphp
                                                @endif
                                                <p class="col-md-12 col-xs-12 menu-offer theme-color"
                                                   style="{{$display}}">
                                                    <span class="col-md-2 col-xs-2 promo promo--primary promo--ribbon">{{$discount}}</span>
                                                    <span class="col-md-8 col-xs-8">{{$description}}</span>
                                                </p>
                                                <p class="post-comments">
                                                    Restoranti nuk pranon kupona.
                                                </p>
                                                @if(isset($menuCategories))
                                                    @foreach($menuCategories as $menuCategory)
                                                        <h3 class="menu-tab-title"> {{$menuCategory->categoryName}}<span
                                                                    class="collapse-btn pull-right"
                                                                    data-toggle="collapse"
                                                                    data-target="#{{$menuCategory->id}}"><i
                                                                        style="font-size:45px"
                                                                        class="top-arrow theme-color fa fa-angle-up"></i></span>
                                                        </h3>
                                                        <div id="{{$menuCategory->id}}">
                                                            @foreach($menuCategory->menuItems as $menuItem)
                                                                <div class="row ct-row">
                                                                    @if($menuItem->image != '')
                                                                        <div class="col-lg-3 col-md-3 col-xs-3">
                                                                            <img src="{{$menuItem->image}}"
                                                                                 class="menu-restaurant-icon" width="85"
                                                                                 height="80"
                                                                                 style="width: 120%;border-radius: 5px;"
                                                                                 alt="{{$menuItem->itemDescription}}"
                                                                                 title="{{$menuItem->itemName}}"
                                                                            >
                                                                        </div>

                                                                        <div class="col-lg-9 col-md-9 col-xs-9"
                                                                             id="text-of-menu"
                                                                             style="padding-left: 25px;padding-top: 10px;">
                                                                            @else
                                                                                <div class="col-md-12 col-xs-12">
                                                                                    @endif
                                                                                    <input type="hidden"
                                                                                           value="{{$menuItem->id}}"
                                                                                           class="item-id">
                                                                                    <h5 class="single-order-detail-title">
                                                                                        <span>{{$menuItem->itemName}}</span>
                                                                                        <div class=" add-to-cart-group pull-right ">
                                                                                            <span class="single-order-detail-title menu-item-price ">{{$menuItem->itemPrice}}
                                                                                                L</span>
                                                                                            <button class="btn add-to-cart fa fa-plus outline-none "></button>
                                                                                            <span class="badge add-to-cart-{{$menuItem->id}}"
                                                                                                  style="margin-top: -43px;background: #01af65;margin-left: -10px;"></span>
                                                                                        </div>
                                                                                    </h5>
                                                                                    <p class="pull-left">{{$menuItem->itemDescription }}</p>
                                                                                </div>
                                                                        </div>
                                                                        @endforeach

                                                                </div>
                                                            @endforeach
                                                            @endif

                                                        </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade" id="rest-rating" role="tabpanel">
                                            <h3 class="menu-tab-title"> Vleresimet
                                                mbi {{$current_restaurant->restaurantName}}</h3>
                                            <div class="row">
                                                <div class="col-md-6 col-xs-6">
                                                    <h5 class="single-order-detail-title single-order-detail-menu-item-detail">
                                                        Vlerësimi i përgjithshëm:
                                                        @if(isset($current_restaurant->averageRate))
                                                            @for($i = 0; $i < round($current_restaurant->averageRate);$i++)
                                                                <img src="{{asset('images/starnormal.png')}}" width="15"
                                                                     height="15">
                                                                {{--<img width="98" height="14" src="//www.justeat.it/domicilio//images/branding/rating/stars-red-60.png">--}}
                                                            @endfor
                                                            @if(round($current_restaurant->averageRate) == 4)
                                                                <img src="{{asset('images/starnormals.png')}}"
                                                                     width="15" height="15">
                                                            @elseif(round($current_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($current_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($current_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($current_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
                                                    </h5>
                                                    <div class="menu-rating-width">
                                                        <h5 class="single-order-detail-rate">
                                                            Cilësia e ushqimit:
                                                        </h5>
                                                        @if(isset($current_restaurant->averageRate))
                                                            @for($i = 0; $i < round($current_restaurant->averageRate);$i++)
                                                                <img src="{{asset('images/starnormal.png')}}" width="15"
                                                                     height="15">
                                                                {{--<img width="98" height="14" src="//www.justeat.it/domicilio//images/branding/rating/stars-red-60.png">--}}
                                                            @endfor
                                                            @if(round($current_restaurant->averageRate) == 4)
                                                                <img src="{{asset('images/starnormals.png')}}"
                                                                     width="15" height="15">
                                                            @elseif(round($current_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($current_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($current_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($current_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
                                                    </div>
                                                    <div class="menu-rating-width">
                                                        <h5 class="single-order-detail-rate">
                                                            Koha e dorëzimit:
                                                        </h5>
                                                        @if(isset($current_restaurant->averageRate))
                                                            @for($i = 0; $i < round($current_restaurant->averageRate);$i++)
                                                                <img src="{{asset('images/starnormal.png')}}" width="15"
                                                                     height="15">
                                                                {{--<img width="98" height="14" src="//www.justeat.it/domicilio//images/branding/rating/stars-red-60.png">--}}
                                                            @endfor
                                                            @if(round($current_restaurant->averageRate) == 4)
                                                                <img src="{{asset('images/starnormals.png')}}"
                                                                     width="15" height="15">
                                                            @elseif(round($current_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($current_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($current_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($current_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
                                                    </div>
                                                    <div class="menu-rating-width">
                                                        <h5 class="single-order-detail-rate">
                                                            Shërbimi dhe mirësjellja:
                                                        </h5>
                                                        @if(isset($current_restaurant->averageRate))
                                                            @for($i = 0; $i < round($current_restaurant->averageRate);$i++)
                                                                <img src="{{asset('images/starnormal.png')}}" width="15"
                                                                     height="15">
                                                                {{--<img width="98" height="14" src="//www.justeat.it/domicilio//images/branding/rating/stars-red-60.png">--}}
                                                            @endfor
                                                            @if(round($current_restaurant->averageRate) == 4)
                                                                <img src="{{asset('images/starnormals.png')}}"
                                                                     width="15" height="15">
                                                            @elseif(round($current_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($current_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($current_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($current_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
                                                    </div>

                                                </div>
                                                <div class="col-md-5 col-md-offset-1 review-summary">
                                                    <div class="row">
                                                        <div class="col-md-4 single-order-detail-rate"><span
                                                                    class="review-menu-rate">6 </span><img
                                                                    src="{{asset('images/starnormal.png')}}" width="15"
                                                                    height="15"></div>
                                                        <div class="col-md-5 review-pgbar">
                                                            <div class="progress-bar-value">
                                                                <div class="progress-bar progress-bar-delivery-percentage"
                                                                     style="width: 100%;">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-2 single-order-detail-rate">100%</div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-4 single-order-detail-rate"><span
                                                                    class="review-menu-rate">5 </span> <img
                                                                    src="{{asset('images/starnormal.png')}}" width="15"
                                                                    height="15"></div>
                                                        <div class="col-md-5 review-pgbar">
                                                            <div class="progress-bar-value">
                                                                <div class="progress-bar progress-bar-delivery-percentage"
                                                                     style="width: 70%;">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-2 single-order-detail-rate"> 70%</div>
                                                    </div>
                                                    <div class="row ">
                                                        <div class="col-md-4 single-order-detail-rate"><span
                                                                    class="review-menu-rate">4 </span> <img
                                                                    src="{{asset('images/starnormal.png')}}" width="15"
                                                                    height="15"></div>
                                                        <div class="col-md-5 review-pgbar">
                                                            <div class="progress-bar-value">
                                                                <div class="progress-bar progress-bar-delivery-percentage"
                                                                     style="width: 0%;">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-2 single-order-detail-rate"> 0%</div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-4 single-order-detail-rate"><span
                                                                    class="review-menu-rate">3 </span> <img
                                                                    src="{{asset('images/starnormal.png')}}" width="15"
                                                                    height="15"></div>
                                                        <div class="col-md-5 review-pgbar">
                                                            <div class="progress-bar-value">
                                                                <div class="progress-bar progress-bar-delivery-percentage"
                                                                     style="width: 0%;">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-2 single-order-detail-rate"> 0%</div>
                                                    </div>
                                                    <div class="row ">
                                                        <div class="col-md-4 single-order-detail-rate"><span
                                                                    class="review-menu-rate">2</span> <img
                                                                    src="{{asset('images/starnormal.png')}}" width="15"
                                                                    height="15"></div>
                                                        <div class="col-md-5 review-pgbar">
                                                            <div class="progress-bar-value">
                                                                <div class="progress-bar progress-bar-delivery-percentage"
                                                                     style="width: 0%;">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-2 single-order-detail-rate"> 0%</div>
                                                    </div>
                                                    <div class="row ">
                                                        <div class="col-md-4 single-order-detail-rate"><span
                                                                    class="review-menu-rate">1&nbsp;</span> <img
                                                                    src="{{asset('images/starnormal.png')}}" width="15"
                                                                    height="15"></div>
                                                        <div class="col-md-5 review-pgbar">
                                                            <div class="progress-bar-value">
                                                                <div class="progress-bar progress-bar-delivery-percentage"
                                                                     style="width: 0%;">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-2 single-order-detail-rate"> 0%</div>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="single-order-detail-menu-item-detail">
                                                        <div class="checkbox">
                                                            <label><input type="checkbox" value="">Trego vetëm 1 koment</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    @foreach($rates as $rate)
                                                        <div class="row single-order-detail-menu-item-detail">
                                                            <div class="col-md-8">
                                                                {{--<p class="info-text ">--}}
                                                                {{--{{$rate->customer->phone}}--}}
                                                                {{--</p>--}}
                                                                @if(isset($rate->count))
                                                                    @for($i = 0; $i < $rate->count;$i++)
                                                                        <img src="{{asset('images/starnormal.png')}}"
                                                                             width="15" height="15">
                                                                        {{--<img width="98" height="14" src="//www.justeat.it/domicilio//images/branding/rating/stars-red-60.png">--}}
                                                                    @endfor
                                                                    @if($rate->count == 4)
                                                                        <img src="{{asset('images/starnormals.png')}}"
                                                                             width="15" height="15">
                                                                    @elseif($rate->count == 3)
                                                                        <img src="{{asset('images/starnormals.png')}}"
                                                                             width="15" height="15">
                                                                        <img src="{{asset('images/starnormals.png')}}"
                                                                             width="15" height="15">
                                                                    @elseif($rate->count == 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($rate->count == 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($rate->count == 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 class="info-text ">
                                                                    {!! (isset($rate->comment)) ? $rate->comment : '' !!}
                                                                </p>
                                                            </div>
                                                            <div class="col-md-4">
                                                                <span class="single-order-detail-rate pull-right"> {{$rate->registrationtime}}</span>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                </div>

                                            </div>
                                            <br>
                                            <br>
                                        </div>
                                        <div class="tab-pane fade " id="rest-info" role="tabpanel">
                                            <h3 class="menu-tab-title"> Më shumë informacion
                                                për {{$current_restaurant->restaurantName}}</h3>
                                            <p class="restaurant-desc">
                                                {{$current_restaurant->description}}
                                            </p>
                                            <p class="restaurant-desc">  {{$current_restaurant->address}}, Albania</p>
                                            <br>
                                            <h4> Orari i hapjes</h4>
                                            <table class="table table-responsive">
                                                <tbody>
                                                <tr>
                                                    <td>E Hënë</td>
                                                    <td>{{$current_restaurant->monday}}</td>
                                                </tr>
                                                <tr>
                                                    <td>E Martë</td>
                                                    <td>{{$current_restaurant->tuesday}}</td>
                                                </tr>
                                                <tr>
                                                    <td>E Mërkurë</td>
                                                    <td>{{$current_restaurant->wednesday}}</td>
                                                </tr>
                                                <tr>
                                                    <td>E Enjte</td>
                                                    <td>{{$current_restaurant->thursday}}</td>
                                                </tr>
                                                <tr>
                                                    <td>E Premte</td>
                                                    <td>{{$current_restaurant->friday}}</td>
                                                </tr>
                                                <tr>
                                                    <td>E Shtunë</td>
                                                    <td>{{$current_restaurant->saturday}}</td>
                                                </tr>
                                                <tr>
                                                    <td>E Dielë</td>
                                                    <td>{{$current_restaurant->sunday}}</td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-xs-12">
                        <div id="menu-spy" data-spy="affix" data-offset-top="200">
                            <div class="row">
                                <div class="col-md-12">
                                    <h3 class="single-order-detail-title menu-title"><img
                                                src="{{asset('images/cart.svg')}}" height="25"> Porosia Ime <span
                                                class="single-order-detail-title pull-right"
                                                id="customer-tot-price">0 L</span></h3>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12 new-restaurant-cont menu-category cart-tab">
                                    <p class="single-order-detail-rate text-center">
                                        Minimumi {{$current_restaurant->minimumorder}} lekë për porosi</p>
                                    <button class="btn btn-default outline-none " id="progress-bar-value-cart-btn">
                                        <div class="progress-bar progress-bar-delivery-percentage progress-bar-striped"
                                             id="progress-bar-value-cart">
                                            <span style="margin-left: 15px;">Porosit Tani <span
                                                        id="pg-bar-cart-percent">0%</span></span>
                                        </div>
                                    </button>
                                    <div class="col-md-2"><i class="fa fa-warning" style="font-size:24px"></i></div>
                                    <div class="col-md-10 text-center">
                                        <a href="#" style="font-size:12px; outline: none" data-toggle="modal"
                                           data-target="#alergic-modal"><u>A keni ndonjë alergji apo intolerancë ndaj
                                                ushqimit?</u></a>
                                    </div>
                                    <label id="delivery-cost-label" class="text-center">
                                        <i class="fa fa-check" style="font-size: 16px;"></i> Kosto e
                                        dorëzimit: {{$current_restaurant->transportCost}} lekë
                                    </label>
                                    <p class="single-order-detail-menu-item-detail text-center"
                                       id="delivery-time">{{$current_restaurant->deliveryTime}} min</p>
                                    {{--<p class="cart-offer theme-color">--}}
                                    {{--Shpenzoni një tjetër 12L për një zbritje 20%--}}
                                    {{--</p>--}}
                                    <div class="cart-item-container">

                                        @if($orders  && session('order')['restaurantID'] == $current_restaurant->restaurantID)
                                            @foreach($orders['items'] as $item )
                                                <div class="row cart-item-list text-center">
                                                    <div class="col-md-1">
                                                        <button class="btn fa fa-minus cart-quantity-btn cart-fa-minus outline-none"></button>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <span class="cart-item-quantity">{{$item['quantity']}}</span>
                                                        <span> x </span>
                                                        <span class="cart-item-name"
                                                              data-name="{{ preg_replace('/\s\s+/', '', $item['name']) }}">{{$item['name']}}</span>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <button class="btn fa fa-plus cart-quantity-btn cart-fa-plus outline-none"></button>
                                                    </div>
                                                    <div class="col-md-3">
                                                        <span class="cart-item-tot-price">{{$item['price']}} L</span>
                                                        <input type="hidden" value="{{$item['id']}}"
                                                               class="cart-input-id">
                                                    </div>
                                                </div>
                                            @endforeach
                                        @endif
                                    </div>

                                    <div class="cart-divider"></div>
                                    <p class="cart-p"> Subtotali <span class="pull-right single-order-detail-title"
                                                                       id="cart-subtotal">{{session('order') ? session('order')['subtotal'] : 0}}
                                            L</span></p>
                                    <p class="cart-p"> Ulje e aplikuar <span
                                                class="pull-right single-order-detail-title" id="cart-sconto">0 L</span>
                                    </p>
                                    <p class="cart-p"> Kosto Transporti <span
                                                class="pull-right single-order-detail-title" id="cart-del-cost">{{$current_restaurant->transportCost}}
                                            L</span></p>
                                    <p class="cart-p" id="cart-total-p"> Totali <span
                                                class="single-order-detail-title pull-right" id="cart-total">{{session('order') ? session('order')['total'] : 0}}
                                            L</span></p>
                                    <div class="cart-divider"></div>
                                    <p><span style="color: #ff1149;display: none;font-weight:600;"
                                             id="coupon-error-text"> Kodi nuk eshte i vlefshem</span></p>
                                    <p class="restaurant-coupon-code" style="display: flex;">

                                        <input class="form-control" id="coupon-value"
                                               placeholder="Vendosni kodin e kuponit"
                                               style="width:70%;    margin-right: 12px;">
                                        <button class="btn btn-success" id="apply-discount-code">
                                            Apliko
                                        </button>
                                    </p>

                                    <p class="restaurants-nots"> Vendos një shënim për restorantin <span
                                                class="collapse-btn pull-right" data-toggle="collapse"
                                                data-target="#sent-restaurant-comment"><i style="font-size:30px"
                                                                                          class="top-arrow theme-color fa fa-angle-down"></i></span>
                                    </p>

                                    <textarea id="sent-restaurant-comment" class="collapse outline-none" cols="35"
                                              rows="3" placeholder="prsh: 'Pa qepë, ju lutem!' "> </textarea>
                                    <div class="cart-divider"></div>
                                    <p class="restaurants-nots">Mënyra e pagesës</p>
                                    <p class="restaurants-nots"><img src="{{asset('images/cash.svg')}}"> <span
                                                class="restaurants-nots pull-right"> Lekë </span></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!-- Modal of allergic part-->
        <div class="modal fade" id="alergic-modal" role="dialog">
            <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close outline-none" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">
                            Informacion mbi alergjitë dhe intolerancat e ushqimit
                        </h4>
                    </div>
                    <div class="modal-body">
                        <p>
                            Nëse keni alergji ose intolerance të ushqimit që mund të dëmtojnë shëndetin tuaj, ju lutemi
                            të kontaktoni direkt me restorantin para se të vendosni porosinë (mund të kërkoni ndihmë
                            përmes bisedës online ose duke dërguar një email tek info@baboon.al).
                        </p>
                        <br>
                        <p>
                            Gjithashtu ju rekomandojmë që të kontaktoni restorantin edhe pas dërgimit të porosisë për të
                            konfirmuar kërkesat tuaja.
                        </p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default outline-none" data-dismiss="modal">Close</button>
                    </div>
                </div>

            </div>
        </div>
        <!--Modal of set address-->
        <div class="modal fade" id="set-address-modal" role="dialog">
            <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">
                            Shkruani adresën e dërgimit
                        </h4>
                    </div>
                    <div class="modal-body">
                        <p>
                            Ne duhet të kontrollojmë nëse ky restorant mund të ofrojë dërgesa pranë zonës ku ju
                            dëshironi
                        </p>
                        <div class="input-group">
                            <input type="text" class="form-control" id="search-location" name="location"
                                   placeholder="Vendos adresën e saktë ku ndodhesh">
                            <span class="input-group-btn">
                        <button class="btn btn btn-secondary search-button" type="button">Kërko</button>
                    </span>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div>

            </div>
        </div>
        <!-- Modal check order -->
        <div class="modal" id="check-order-modal" role="dialog">
            <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close outline-none" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">
                            Porosia juaj nuk mund të kryhet
                        </h4>
                    </div>
                    <div class="modal-body">
                        <p>
                            Porosia juaj duhet të kalojë vlerën e minimumit te porosisë
                            prej {{$current_restaurant->minimumorder}} L !
                        </p>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default outline-none" data-dismiss="modal">Close</button>
                    </div>
                </div>

            </div>
        </div>

        <!-- Modal for closed restaurants -->
        <div class="modal" id="closed-restaurant-modal" role="dialog">
            <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close outline-none" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">
                            Porosia juaj nuk mund të kryhet
                        </h4>
                    </div>
                    <div class="modal-body">
                        <p>
                            @php

                                $today = date("l");

                                $dayOfWeek = date("l", strtotime($today));

                            switch ($dayOfWeek){
                             case 'Monday':
                                $open = substr($current_restaurant->monday,0,5);
                                break;

                             case 'Tuesday':
                                $open = substr($current_restaurant->tuesday,0,5);
                                break;
                             case 'Wednesday':
                                $open = substr($current_restaurant->wednesday,0,5);
                                break;
                             case 'Thursday':
                                $open = substr($current_restaurant->thursday,0,5);
                                break;
                             case 'Friday':
                                $open = substr($current_restaurant->friday,0,5);
                                break;
                             case 'Saturday':
                                $open = substr($current_restaurant->saturday,0,5);
                                break;
                             case 'Sunday':
                                $open = substr($current_restaurant->sunday,0,5);
                                break;
                            default:
                                $open = explode('-',$current_restaurant->monday)[0];
                            }


                            @endphp
                            Restoranti është i mbyllur në këtë orë ! Ai hapet në orën {{ ($open)}}.
                        </p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default outline-none" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- Modal -->
        <div class="modal" id="error-order-modal" role="dialog">
            <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close outline-none" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">
                            Porosia juaj nuk mund të kryhet
                        </h4>
                    </div>
                    <div class="modal-body">
                        <p>
                            Porosia juaj nuk mund te kryhet ne kete moment! Ju lutem porosisni perseri me vone !
                        </p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default outline-none" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>

        @endsection
        @section('custom-js')
            <script>
                $(document).ready(function () {

                    var min_order = `{{session('order')['minimumOrder']}}`;
                    var total = parseInt($('#cart-total').text());
                    if (total > min_order) {

                        moveProgressBar();
                    }

                    //$('#menu-spy').css('width', $('#menu-spy').width());
                    $('#menu-spy').css('width', 250);
                    $("#menu-spy").affix({
                        offset: {
                            top: $('#menu-spy').offset().top,
                            bottom: function () {
                                return (this.bottom = $('.footer').outerHeight(true));
                            }
                        }
                    });
                    //$('#cat-spy').css('width', $('#cat-spy').width());
                    //$('#cat-spy').css('width', 160);
                    $("#cat-spy").affix({
                        offset: {
                            top: $('#cat-spy').offset().top,
                            bottom: function () {
                                return (this.bottom = $('.footer').outerHeight(true));
                            }
                        }
                    });
                    var h = $(window).height(), w = $(window).width();
                    if (w < 650) {
                        $('.menu-cat-list-angle').show();
                        $('#menu-category').addClass('collapse');

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

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

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


                    var item;

                    $('.add-to-cart').on('click', function () {
                        console.log($(this).parent().parent().parent().find("h5").children(':first-child').text());
                        item = {
                            id: parseInt($(this).parent().parent().parent().children(':first-child').val()),
                            name: $(this).parent().parent().parent().find("h5").children(':first-child').text(),
                            price: parseInt($(this).parent().find("span").text())
                        };


                        if (checkIfExistsInCart(item.name.replace(/\s/g, '')) === false) {
                            $('.cart-item-container').append(createItem(item));
                            $(`.add-to-cart-${item.id}`).text(1);
                        } else

                            changeItemQuantity(item, 'increment');
                        var node = $(`[data-name=${item.name.replace(/\s/g, '')}]`);
//            let node = $(document.getElementById(item.id).getAttribute("data-name"));
//            console.log(node);

                        var quantity = node.parent().find('.cart-item-quantity');
                        $(`.add-to-cart-${item.id}`).text(quantity[0].innerText);

                        calculateTotal();
                        createSesion();

                        var min_order = parseInt({{$current_restaurant->minimumorder}});
                        var total = parseInt($('#cart-total').text());

                        if (total >= min_order) {
                            moveProgressBar();
                        }
                    });

                    $('.cart-tab').on('click', '.cart-fa-minus', function () {

                        var quantity = $(this).parent().parent().find('.cart-item-quantity').text();
                        var thisID = $(this).parent().parent().find('.cart-input-id').val();
                        if ((quantity - 1) === 0) {
                            $(`.add-to-cart-${thisID}`).text('');
                        } else {
                            $(`.add-to-cart-${thisID}`).text(quantity - 1);
                        }

                        var cart_items = $('.cart-item-list').length;
                        //console.log(cart_items);

                        if (quantity == 1) {

                            $(this).parent().parent().remove();
                            $(`.add-to-cart-${thisID}`).text();
                            calculateTotal();
                        } else {
                            //changeItemQuantity(item, 'decrement');
                            $(this).parent().parent().find('.cart-item-quantity').text(parseInt(quantity) - 1);
                            calculateTotal();
                        }
                        if (quantity == 1 && cart_items == 1) {
                            $('#cart-total').text(0 + 'L');
                            clearSession();

                        }
                    });

                    $('.cart-tab').on('click', '.cart-fa-plus', function () {
                        var quantity = $(this).parent().parent().find('.cart-item-quantity').text();
                        $(this).parent().parent().find('.cart-item-quantity').text(parseInt(quantity) + 1);
                        //changeItemQuantity(item, 'increment');

                        var thisID = $(this).parent().parent().find('.cart-input-id').val();
                        $(`.add-to-cart-${thisID}`).text(parseInt(quantity) + 1);

                        calculateTotal();
                    });
                });

                function clearSession() {
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                    });
                    $.ajax({
                        method: "POST",
                        url: '{{route('session.clear')}}',
                        success: function (msg) {

                            console.log('test');
                        },
                        error: function (msg) {
                            console.log(msg);
                        }
                    });
                }

                function calculateTotal() {
                    let prices = [];
                    let quantity = [];
                    var sum = 0;
                    var tot = 0;
                    Array.from(document.getElementsByClassName('cart-item-tot-price')).forEach(function (item) {
                        prices.push(parseInt(item.innerHTML));
                    });
                    Array.from(document.getElementsByClassName('cart-item-quantity')).forEach(function (item) {
                        quantity.push(parseInt(item.innerHTML));
                    });

                    //prices.forEach((price) => {sum += price});
                    for ($i = 0; $i < prices.length; $i++) {
                        sum += (prices[$i] * quantity[$i]);
                    }


                    //ToDo
                    let discount = parseInt(document.getElementById('cart-sconto').innerHTML);
                    let delivery_cost = parseInt(document.getElementById('cart-del-cost').innerHTML);
                    let total = sum - discount + delivery_cost;
                    $('#cart-subtotal').text(sum + 'L');
                    $('#cart-total').text(total + 'L');
                    $('#customer-tot-price').text(total + 'L');
                    $('#basket-price').text(total + 'L');
                    $('#basket-quantity').text(prices.length);


                }

                function checkIfExistsInCart(name) {
                    "use strict";
                    let items = [];
                    Array.from(document.getElementsByClassName('cart-item-name')).forEach(function (item) {
                        items.push(item.getAttribute("data-name"));
                    });

                    if (items.includes(name))
                        return true;

                    return false;
                }

                function changeItemQuantity(item, action) {
                    var cart_sconto = parseInt($('#cart-sconto').text());
                    var delivery_cost = 0;
                    var total = -cart_sconto + delivery_cost;
                    var int_price;

                    let node = $(`[data-name=${item.name.replace(/\s/g, '')}]`);
//            let node = $(document.getElementById(item.id).getAttribute("data-name"));
//            console.log(node);

                    let quantity = node.parent().find('.cart-item-quantity');

                    let price = node.parent().parent().find('.cart-item-tot-price');

                    if (action === 'increment')
                        quantity.text(parseInt(quantity.text()) + 1);

                    else if (action === 'decrement')
                        quantity.text(parseInt(quantity.text()) - 1);

                }

                function createItem(item) {
//            console.log('test');
//            console.log(item.name);
                    var div = $('<div class="row cart-item-list text-center"></div>');
                    var minusBtn = $('<div class="col-md-1"><button class="btn fa fa-minus cart-quantity-btn cart-fa-minus"></button></div>');
                    var plusBtn = $('<div class="col-md-1"><button class="btn fa fa-plus cart-quantity-btn cart-fa-plus"></button></div>');
                    var col6 = $('<div class="col-md-6"></div>');
                    var quantity = $('<span class="cart-item-quantity">1</span>');
                    var x = $('<span> x </span>');
                    var name = $(`<span class="cart-item-name" data-name="${item.name.replace(/\s/g, '')}">${item.name}</span>`);
                    var price = $(`<div class="col-md-3"><span class="cart-item-tot-price">${item.price}</span></div>`);
                    var input_id = $(`<input type="hidden" value="${item.id}" class="cart-input-id">`);
                    col6.append(quantity);
                    col6.append(x);
                    col6.append(name);
                    col6.append(input_id);

                    div.append(minusBtn);
                    div.append(col6);
                    div.append(plusBtn);
                    div.append(price);
                    return div;
                }

                function createSesion() {
                    var isOpen = `{{$current_restaurant->isOpen}}`;
                    var restaurantID = `{{$current_restaurant->restaurantID}}`;
                    var restaurantName = `{{$current_restaurant->restaurantName}}`;
                    var logo = `{{$current_restaurant->logo}}`;
                    var min_order = parseInt({{$current_restaurant->minimumorder}});
                    var total = parseInt($('#cart-total').text());
                    var subtotal = parseInt($('#cart-subtotal').text());
                    var description = $('#sent-restaurant-comment').val();
                    var transportCost = parseInt($('#cart-del-cost').text());
                    var deliveryTime = parseInt($('#delivery-time').text());

                    //console.log(total);
                    if (!isOpen) {
                        $('#closed-restaurant-modal').modal('show');
                    } else {
                        var items_id = [];
                        var items_quantity = [];
                        var items_name = [];
                        var items_price = [];
                        Array.from(document.getElementsByClassName('cart-input-id')).forEach(function (item) {
                            items_id.push(item.value);
                        });
                        Array.from(document.getElementsByClassName('cart-item-quantity')).forEach(function (item) {
                            items_quantity.push(parseInt(item.innerHTML));
                        });
                        Array.from(document.getElementsByClassName('cart-item-name')).forEach(function (item) {
                            items_name.push(item.innerHTML);
                        });
                        Array.from(document.getElementsByClassName('cart-item-tot-price')).forEach(function (item) {
                            items_price.push(parseInt(item.innerHTML));
                        });

                        var items_elements = [];
                        for (var i = 0; i < items_id.length; i++) {

                            items_elements.push({
                                "id": items_id[i],
                                "quantity": items_quantity[i],
                                "name": items_name[i],
                                "price": items_price[i]
                            });

                        }

                        $.ajaxSetup({
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            }
                        });
                        $.ajax({
                            method: "POST",
                            url: '{{route('checkout.save-order')}}',
                            data: {
                                restaurantID: restaurantID,
                                restaurantName: restaurantName,
                                logo: logo,
                                total: total,
                                subtotal: subtotal,
                                items: items_elements,
                                description: description,
                                transportCost: transportCost,
                                deliveryTime: deliveryTime,
                                minimumOrder: min_order
                            },
                            dataType: "json",
                            success: function (msg) {
                                if (msg.success) {
                                    //console.log($('.cart-item-container').val());
                                    //console.log(msg.items);
                                    if (msg.session == 'set') {
                                        // window.location.href = '{{route("address.index")}}';
                                    }

                                }
                            },
                            error: function (msg) {
                                //console.log(msg);
                                $('#error-order-modal').modal('show');
                            }
                        });

                    }

                }

                $('#progress-bar-value-cart-btn').click(function () {

                    var isOpen = `{{$current_restaurant->isOpen}}`;
                    var restaurantID = `{{$current_restaurant->restaurantID}}`;
                    var restaurantName = `{{$current_restaurant->restaurantName}}`;
                    var logo = `{{$current_restaurant->logo}}`;
                    var min_order = parseInt({{$current_restaurant->minimumorder}});
                    var total = parseInt($('#cart-total').text());
                    var subtotal = parseInt($('#cart-subtotal').text());
                    var description = $('#sent-restaurant-comment').val();
                    var transportCost = parseInt($('#cart-del-cost').text());
                    var deliveryTime = parseInt($('#delivery-time').text());

                    //console.log(total);
                    if (total < min_order) {

                        $('#check-order-modal').modal('show');
                    } else if (!isOpen) {
                        $('#closed-restaurant-modal').modal('show');
                    } else {
                        var items_id = [];
                        var items_quantity = [];
                        var items_name = [];
                        var items_price = [];
                        Array.from(document.getElementsByClassName('cart-input-id')).forEach(function (item) {
                            items_id.push(item.value);
                        });
                        Array.from(document.getElementsByClassName('cart-item-quantity')).forEach(function (item) {
                            items_quantity.push(parseInt(item.innerHTML));
                        });
                        Array.from(document.getElementsByClassName('cart-item-name')).forEach(function (item) {
                            items_name.push(item.innerHTML);
                        });
                        Array.from(document.getElementsByClassName('cart-item-tot-price')).forEach(function (item) {
                            items_price.push(parseInt(item.innerHTML));
                        });

                        var items_elements = [];
                        for (var i = 0; i < items_id.length; i++) {

                            items_elements.push({
                                "id": items_id[i],
                                "quantity": items_quantity[i],
                                "name": items_name[i],
                                "price": items_price[i]
                            });

                        }

                        $.ajaxSetup({
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            }
                        });
                        $.ajax({
                            method: "POST",
                            url: '{{route('checkout.save-order')}}',
                            data: {
                                restaurantID: restaurantID,
                                restaurantName: restaurantName,
                                logo: logo,
                                total: total,
                                subtotal: subtotal,
                                items: items_elements,
                                description: description,
                                transportCost: transportCost,
                                deliveryTime: deliveryTime,
                                minimumOrder: min_order
                            },
                            dataType: "json",
                            success: function (msg) {
                                if (msg.success) {
                                    //console.log($('.cart-item-container').val());
                                    //console.log(msg.items);
                                    if (msg.session == 'set') {
                                        window.location.href = '{{route("address.index")}}';
                                    } else {
                                        window.location.href = '{{route("create.profile")}}';
                                    }
                                }
                            },
                            error: function (msg) {
                                //console.log(msg);
                                $('#error-order-modal').modal('show');
                            }
                        });

                    }

                });

                function moveProgressBar() {
                    var elem = document.getElementById("progress-bar-value-cart");
                    var width = 10;
                    var id = setInterval(frame, 10);

                    function frame() {
                        if (width >= 100) {
                            clearInterval(id);
                        } else {
                            width++;
                            elem.style.width = width + '%';
                            elem.innerHTML = width * 1 + '%  Porosit tani';
                        }
                    }
                }

                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;
                }

            </script>
            <script>
                function fillHeart(id) {
                    if ($('#' + id).attr("data-once") == 0) {
                        $('#' + id).removeClass("fa fa-heart-o fa-3x heart-icon").addClass("fa fa-heart fa-3x heart-icon");
                        $('#' + id).attr("data-once", 1);
                        $.ajax({
                            type: "GET",
                            url: '{{route("add-favourite-restaurant")}}',
                            data: {restaurantID: id}
                        }).done(function (msg) {
                            console.log(msg);
                        });
                    } else {
                        $('#' + id).removeClass("fa fa-heart fa-3x heart-icon").addClass("fa fa-heart-o fa-3x heart-icon");
                        $('#' + id).attr("data-once", 0);
                        $.ajax({
                            type: "GET",
                            url: '{{route("delete-favourite-restaurant")}}',
                            data: {restaurantID: id}
                        }).done(function (msg) {
                            console.log(msg);
                        });
                    }
                }

                $('#apply-discount-code').click(function () {
                    const customer_input_text = $('#coupon-value').val().trim();
                    const restaurant_id = $('#restaurant-id').val().trim();

                    if (customer_input_text === '') {
                        $('#coupon-value').css('border-color', '#F44336');
                    } else {
                        var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
                        $.ajax({
                            headers: {
                                'X-CSRF-TOKEN': CSRF_TOKEN
                            },
                            type: "POST",
                            url: '