@extends('layouts.app')
@section('title')
    <title>Baboon - Refuzimi i Porosisë</title>
@endsection
@section('custom-css')
    <link rel="stylesheet" type="text/css" href="{{ asset('slick/slick.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('slick/slick-theme.css') }}">
@endsection
@section('content')
    <div id="refused-cont">
        <div class="container">
            <div class="row title-row">
                <div class="col-md-8 col-md-offset-1 col-xs-6">
                    <h2>Porosia u refuzua</h2>
                    <h1>Porosia juaj në {{session('order') ? session('order')['restaurantName'] : '' }}</h1>
                </div>
                <div class="col-md-3 col-xs-6 ">
                    <img src="{{session('order') ? session('order')['logo'] : '' }}" class="" width="130" height="130">
                </div>
            </div>
            <div class="row">
                <div class="col-md-7 col-md-offset-1">
                    <div class="order-status refused-status">
                        <h1>Porosia u refuzua </h1>
                        <h1>Porosia juaj u refuzua </h1>
                        <h3>Na vjen shumë keq, mund t'ju këshillojmë dicka tjetër ?</h3>

                        <img src="{{asset('images/order_statuses/refused.gif')}}" >
                        <h3>Restorantet me dhurata për ty:</h3>
                                <div class="row refused-row">
                                    <div class="col-md-6 col-xs-12">
                                        <h3 > Me Oferta </h3>
                                        <section class="refused-regular slider">
                                            @if(isset($withOffersRestaurants) && $withOffersRestaurants !='')
                                                @foreach($withOffersRestaurants as $withOffersRestaurant)
                                                    <div class="meal-detail">
                                                        {{--<i class="fa fa-heart-o purple-color" aria-hidden="true"></i>--}}
                                                        <img src="{{$withOffersRestaurant->logo}}" width="200" height="215">
                                                        @php $description = ''; $minimumOrder = ''; @endphp
                                                        @if(isset($withOffersRestaurant->discountList) && $withOffersRestaurant->discountList != null)
                                                            @php
                                                                $description = $withOffersRestaurant->discountList[0]->description;
                                                                $minimumOrder = $withOffersRestaurant->discountList[0]->minimumOrder;
                                                                $percentage = $withOffersRestaurant->discountList[0]->percentage ? '%' : '';
                                                            @endphp

                                                            <p class="infoText u-clearfix inf-text-bold"> </p>
                                                        @endif
                                                        <h4>{{$withOffersRestaurant->restaurantName}}  @if($withOffersRestaurant->newRestaurant == true)<span class="text-center">NEW</span>@endif</h4>
                                                        <p>{{$description}}  @if(isset($withOffersRestaurant->discountList[0]->minimumOrder) && $withOffersRestaurant->discountList[0]->minimumOrder != null) @endif  <span class="text-center">{{$withOffersRestaurant->address}}</span></p>
                                                    <div class="refused-rating">
                                                            <span>{{ round($withOffersRestaurant->averageRate) }} / 5</span>
                                                            <span>{{ round($withOffersRestaurant->distance) }} m</span>
                                                            <span>{{$withOffersRestaurant->deliveryTime}}</span>
                                                        </div>

                                                    </div>
                                                @endforeach
                                            @endif

                                        </section>
                                    </div>
                                    <div class="col-md-6 col-xs-12">
                                        <h3 id="ref-h3" class="theme-color">TE GJITHA</h3>
                                        <section class="refused-regular slider">
                                            @if(isset($all_restaurants) && $all_restaurants !='')
                                                @foreach($all_restaurants as $all_restaurant)
                                                <div class="meal-detail">
                                                    <img src="{{$all_restaurant->logo}}" width="200" height="215">
                                                    {{--<i class="fa fa-heart-o purple-color" aria-hidden="true"></i>--}}
                                                    @php $description = ''; $minimumOrder = ''; @endphp
                                                    @if(isset($all_restaurant->discountList) && $all_restaurant->discountList != null)
                                                        @php
                                                            $description = $all_restaurant->discountList[0]->description;
                                                            $minimumOrder = $all_restaurant->discountList[0]->minimumOrder;
                                                            $percentage = $all_restaurant->discountList[0]->percentage ? '%' : '';
                                                        @endphp

                                                        <p class="infoText u-clearfix inf-text-bold"> </p>
                                                    @endif
                                                    <h4>{{$all_restaurant->restaurantName}}  @if($all_restaurant->newRestaurant == true)<span class="text-center">NEW</span>@endif</h4>
                                                    <p>{{$description}}  @if(isset($all_restaurant->discountList[0]->minimumOrder) && $all_restaurant->discountList[0]->minimumOrder != null) @endif  <span class="text-center">{{$all_restaurant->address}}</span></p>
                                                    <div class="refused-rating">
                                                        <span>{{ round($all_restaurant->averageRate) }} / 5</span>
                                                        <span>{{ round($all_restaurant->distance) }} m</span>
                                                        <span>{{$all_restaurant->deliveryTime}}</span>
                                                    </div>

                                                </div>
                                                @endforeach
                                            @endif
                                        </section>
                                    </div>
                                </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="col-md-12 new-restaurant-cont menu-category cart-tab add-cart-tab">
                        <p class="single-order-detail-rate "><b>Porosia juaj:</b></p>
                        @if(session('order'))
                            @foreach(session('order')['items'] as $item )
                                <div class="cart-item-container">
                                    <p class="cart-p">
                                        <span class="cart-item-quantity ">{{$item['quantity']}}</span>
                                        x
                                        <span class="cart-item-name">{{$item['name']}}</span>
                                        <span class="cart-item-tot-price pull-right">{{$item['price']}} L</span>
                                    </p>
                                </div>
                            @endforeach
                        @endif

                        <div class="cart-divider"></div>

                        <p class="cart-p" > Subtotali <span class="pull-right single-order-detail-title" id="cart-subtotal">{{session('order')['subtotal']}} 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">{{session('order')['transportCost']}} L</span></p>
                        <p class="cart-p" id="cart-total-p"><b> Totali </b> <span class="single-order-detail-title pull-right" id="cart-total">{{session('order')['total']}} L</span></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('custom-js')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="{{asset('slick/slick.js')}}" type="text/javascript" charset="utf-8"></script>

    <script>
        $(".refused-regular").slick({
            dots: true,
            infinite: true,
            slidesToShow:1,
            slidesToScroll:1,
            autoplay: true,
            autoplaySpeed: 2000,
            responsive: [
                {
                    breakpoint: 1024,
                    settings: "unslick"
                },
                {
                    breakpoint: 600,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1
                    }
                },
                {
                    breakpoint: 480,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1
                    }
                }
                // You can unslick at a given breakpoint now by adding:
                // settings: "unslick"
                // instead of a settings object
            ]
        });
    </script>
@endsection