@extends('layouts.app')
@section('title')
    <title>Baboon - Trego Porositë</title>
@endsection
@section('content')
    <div class="container">
        <div class="row">
            {{--<div class="account-devider">--}}
            {{--</div>--}}
            <div class="restaurant-nav-list account-nav-list">
                <a href="{{route('home')}}" >
                    Baboon
                </a>
                <img src="{{asset('images/arrow-point.png')}}">
                <a href="{{route('user.account.show',1)}}">
                    Llogaria ime
                </a>
                <img src="{{asset('images/arrow-point.png')}}">
                <a href="#">
                    Detaje të porosisë
                </a>
            </div>
        </div>
        <div class="row">
            <div class="col-md-3">
                <nav>
                    <ul class="account-list list-unstyled">
                        <li> <a href="{{route('user.account.show',1)}}">Llogaria ime </a></li>
                        <li> <a href="{{route('order.index')}}">Historiku i porosive </a></li>
                        <li> <a href="{{route('address_book.index')}}">Adresa e dergimit </a></li>
                    </ul>
                </nav>
            </div>
            <div class="col-md-8 open-restaurants order-history-list">
                <h1 class="account-title">Detajet e porosisë</h1>
                <h6> Këtu ju gjeni detajet e porosisë.</h6>
                <article>
                    <div class="row single-restaurant">
                        <div class="col-md-2 single-restaurant-logo">
                            <a href="#" class="restaurant-logo">
                                <img src="{{$current_order->restaurant->logo}}" >
                            </a>
                        </div>

                        <div class="col-md-7 single-restaurant-desc">
                            <h3> <a href="#">{{$current_order->restaurantName}}</a> </h3>

                            <p class="single-order-detail-rate">{{$current_order->date}}&nbsp; - &nbsp;<span class="{{$current_order->status == 'REJECTED' ? 'red-label' : 'green-label'}} ">{{$current_order->status}}</span></p>

                        </div>
                        <div class="col-md-2">
                            <a href="#" class="btn btn-primary" id="re-order">Ri porosit</a>
                        </div>
                    </div>
                </article>
                <div class="row">
                    @if($current_order->status != 'REJECTED')
                    <div class="col-md-6 col-xs-6">
                        <div class="box single-order-detail">
                            <h5 class="single-order-detail-title"> Ju keni thënë që...</h5>
                            @if(isset($current_rate->count))
                                @for($i = 0; $i < $current_rate->count;$i++)
                                    <img src="{{asset('images/starnormal.png')}}" width="15" height="15">
                                @endfor
                                @if($current_rate->count == 4)
                                    <img src="{{asset('images/starnormals.png')}}" width="15" height="15">
                                @elseif($current_rate->count == 3)
                                    <img src="{{asset('images/starnormals.png')}}" width="15" height="15">
                                    <img src="{{asset('images/starnormals.png')}}" width="15" height="15">
                                @elseif($current_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($current_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($current_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
                        </div>
                        <div class="box single-order-detail">
                            <p class="info-text">Cilësia e ushqimit:
                                <span class="single-order-detail-rate">
                                     @if(isset($current_rate->count))
                                        {{$current_rate->count}}/5
                                    @else
                                        Pa Review
                                    @endif
                                </span>
                            </p>
                            <p class="info-text">Koha e dorëzimit:
                                <span class="single-order-detail-rate">
                                   @if(isset($current_rate->count))
                                        {{$current_rate->count}}/5
                                    @else
                                        Pa Review
                                    @endif
                                </span>
                            </p>
                            <p class="info-text">Shërbimi dhe mirësjellja:
                                <span class="single-order-detail-rate">
                                   @if(isset($current_rate->count))
                                        {{$current_rate->count}}/5
                                    @else
                                        Pa Review
                                    @endif
                                </span></p>
                            <h5 class="single-order-detail-title"> Mendimi juaj</h5>
                            <span class="single-order-detail-rate">
                                @if(isset($current_rate->count))
                                    {{$current_rate->count}}/5
                                @else
                                    <a style="margin-left: -5px;" href="{{route('restaurant.review',$current_order->restaurant->restaurantID)}}" class="theme-color" id="value-restaurant"> Vlerëso Restorantin</a>
                                @endif
                            </span>
                        </div>
                    </div>
                    @endif
                    <div class="col-md-6 col-xs-6">
                        <div class="box single-order-detail">
                            <h5 class="single-order-detail-title"> Fatura e porosisë <span class="pull-right"></span></h5>
                            <ul class="single-order-detail-menu-item">
                                @if(isset($current_order->items))
                                    @foreach($current_order->items as $item)
                                        <li>
                                           <span>{{$item->quantity}}</span>  x {{$item->itemName}} <span class="pull-right single-order-detail-rate">{{$item->itemPrice}} Lekë</span>
                                        </li>
                                    @endforeach
                                @endif
                            </ul>

                            <p class="single-order-detail-rate">
                                Subtotali <span class="pull-right single-order-detail-rate" id="order-history-subtotal">{{$current_order->totalNet}} Lekë</span>
                            </p>
                            <p class="single-order-detail-rate">
                                Ulje e aplikuar <span class="pull-right single-order-detail-rate" id="order-history-discountValue">{{$current_order->discountValue}} Lekë</span>
                            </p>
                            <p class="single-order-detail-rate">
                                Kosto Transporti <span class="pull-right single-order-detail-rate" id="order-history-transportCost">{{$current_order->transportCost}} Lekë</span>
                            </p>
                            <li class="single-order-detail-menu-item-detail">
                                Totali <span class="pull-right single-order-detail-rate">{{$current_order->total}} Lekë</span>
                            </li>
                            <p class="info-text">
                                Paguar me:
                            </p>
                            <span class="single-order-detail-rate"> Leke <span class="pull-right single-order-detail-rate">{{$current_order->total}} Lekë</span></span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 col-xs-12">
                        <div class="single-order-address">
                            <h5 class="single-order-detail-title"> Adresa e dorëzimit</h5>
                            <p class="single-order-detail-rate"> {{$current_order->address}} , Tirane, Albania </p>
                            <div id="user-address-map"></div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 col-xs-12">
                        <div class="single-order-address">
                            <h5 class="single-order-detail-title"> Keni nevojë për ndihmë?</h5>
                            <p class="single-order-detail-rate">
                                Nëse keni harruar një pjatë, keni pasur disa probleme me porosinë ose keni nevojë për ndihmë,
                                ju lutem telefononi restorantin direkt në numrin +355676038187.
                                Ju gjithashtu mund të kontaktoni shërbimin tonë të klientit për çdo pyetje. </p>

                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
@endsection
@section('custom-js')
    <script>
        var map;
        function initMap() {
            var uluru = {lat:{{$current_order->latitude}}, lng: {{$current_order->longitude}} };
            var map = new google.maps.Map(document.getElementById('user-address-map'), {
                zoom:14,
                center: uluru
            });
            var marker = new google.maps.Marker({
                position: uluru,
                map: map
            });
        }
    </script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAEIy2YqySuqOgFZXll0182KrQ6CkMMY0o&callback=initMap"
            async defer></script>
@endsection