@extends('web.layouts.layout')
@section('content')

    <main>
        <!-- Start section -->
        @include('web.layouts.header')

        <section class="order_det_pg section py-5">
            <div class="container">
                <div class="order-details" id="printable">
                    <div class="row justify-content-center">
                        <div class="col-lg-10">
                            <div class="order-head mb-4">
                                <div class="row">
                                    <div class="col-md-6">
                                        <p> {{__('orders.id')}} : <span>{{$order->id}}</span></p>
                                    </div>
                                    <div class="col-md-6">
                                        <p> {{__('orders.created_at')}} : <span>{{$order->date}}</span></p>
                                    </div>
                                    <div class="col-md-6">
                                        <p> {{__('orders.status')}} : <span>{{__('orders.'.$order->status)}}</span></p>
                                    </div>
                                    <div class="col-md-6">
                                        <p> {{__('orders.user_status_paid')}} :
                                            <span>{{__('orders.'.$payment->user_status_paid)}}</span></p>
                                    </div>
                                    <div class="col-md-6">
                                        <p>
                                            {{__('orders.payment_status')}} : <span> @if($order->user->role == 'company')
                                                    {{__('web.credit_limit')}}
                                                @else
                                                    {{__('orders.'.$payment->status)}}
                                                @endif</span>
                                            @if($payment->status == 'bank')
                                                <a href="{{asset($payment->image)}}"
                                                   class="color-primary small ms-3 underline" data-fancybox="images">
                                                    {{__('orders.payment_fatoorah')}}
                                                </a>
                                            @endif
                                        </p>
                                    </div>
                                    @if($payment->discount_status != 'non')
                                        <div class="col-md-6">
                                            <p> {{__('orders.discount_status')}} :
                                                <span>{{$payment->discount_status == 'reminder' ? __('web.discount_reminder') : __('web.cobon') . ' ('.$payment->cobon->code.')'}}</span>
                                            </p>
                                        </div>
                                    @endif
                                    <div class="col-md-12">

                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="order-body">
                        <div class="checkout_pg">
                            <div class="box">
                                <div class="table-responsive">
                                    <table class="table mt-5">
                                        <thead>
                                        <tr>
                                            <th>{{__('web.product_image')}}</th>
                                            <th>{{__('web.product_name')}}</th>
                                            <th>{{__('web.product_code')}}</th>
                                            <th>{{__('web.quantity')}}</th>
                                            <th>{{__('web.cost')}}</th>
                                            <th>{{__('web.tax')}}</th>
                                            <th>{{__('web.total')}}</th>
                                            @if(!isset($visitorsOnly))
                                                <th></th>
                                            @endif
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($products as $row)
                                            <tr>
                                                <td>
                                                    <img src="{{asset($row->product->image)}}" class="prodImg" alt=""/>
                                                </td>
                                                <td>{{$row->product->currentDescription->name}}</td>
                                                <td>#{{$row->product->code}}</td>
                                                <td>{{$row->count}}</td>
                                                <td><b>{{$row->product_cost}} {{__('web.sar')}}</b></td>
                                                <td><b>{{$row->tax_cost}} {{__('web.sar')}}</b></td>
                                                <td><b>{{$row->total}} {{__('web.sar')}}</b></td>
                                                @if(!isset($visitorsOnly))
                                                    <td>
                                                        @if($row->product->checkRate())
                                                            <a href="#" class="small color-primary"
                                                               @if($order->status == 'recieved') data-id="{{route('rating.product',$row->product_id)}}"
                                                               onclick="rateProduct(this)" data-bs-toggle="modal"
                                                               data-bs-target="#rateModal" @endif>
                                                                {{__('web.rate')}}
                                                            </a>

                                                        @else
                                                            <a class="small color-primary">
                                                                {{__('web.rated')}}
                                                            </a>
                                                        @endif
                                                    </td>
                                                @endif
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                        </div>

                        <div class="row justify-content-between">
                            <div class="col-lg-7">
                                <div class="pay_box">
                                    <ul>
                                        <li>
                                            <span> {{__('web.total_products')}}  </span>
                                            <strong> {{$payment->total_products}} {{__('web.sar')}} </strong>
                                        </li>
                                        <li>
                                            <span>{{__('web.total_tax')}}  </span>
                                            <strong> {{$payment->tax_cost}}  {{__('web.sar')}}</strong>
                                        </li>
                                        @if($payment->discount > 0)
                                            <li>
                                                <span>{{__('web.discount_cobon')}} </span>
                                                <strong> {{$payment->discount}} {{__('web.sar')}} </strong>
                                            </li>
                                        @endif
                                        @if($payment->shipping_cost > 0)
                                            <li>
                                                <span> {{__('orders.total_shipping')}}  </span>
                                                <strong> {{$payment->shipping_cost}} {{__('web.sar')}} </strong>
                                            </li>
                                        @endif
                                        @if($payment->on_hand_cost > 0)
                                            <li>
                                                <span> {{__('orders.delivery_val')}}  </span>
                                                <strong> {{$payment->on_hand_cost}} {{__('web.sar')}} </strong>
                                            </li>
                                        @endif

                                        <li>
                                            <span> {{__('web.full_total')}} </span>
                                            <strong> {{$payment->total}} {{__('web.sar')}} </strong>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-5">
                                @if($order->qr_image && is_file(public_path($order->qr_image)))
                                    <div class="qr_box">
                                        <img src="{{asset($order->qr_image)}}" alt="" class="qr_img sec-img"/>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-5 mt-5 m-auto">

                    </div>
                    <div class=" d-flex justify-content-center mt-5">
                        @if(!isset($visitorsOnly) && $order->status == 'recieved' && $order->rep_id && !$order->rep_is_rated)
                            <a href="#" class="butn primary_border_butn mx-2" data-bs-toggle="modal"
                               data-bs-target="#rateDelegateModal">
                                 {{ __('orders.rep_evaluation') }}
                            </a>
                        @endif
                        <button type="button" class="butn primary_butn d-inline-block"
                                id="printButn"> {{__('web.print_fatoorah')}}  </button>
                        @if(!isset($visitorsOnly) && in_array($order->status,$statuses))
                            <a href="#0" class="butn primary_butn bg-danger d-inline-flex ms-3" data-bs-toggle="modal"
                               data-bs-target="#cancel_order">
                                <i class="fas fa-times"></i> {{__('web.order_cancel')}}
                            </a>
                        @endif
                    </div>
                </div>
            </div>
        </section>
    </main>


    @if(in_array($order->status,$statuses))
        <!-- Modal -->
        <div class="modal fade" id="cancel_order" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-body text-center">
                        <h5> {{__('web.order_cancel_req')}} </h5>
                        <div class="text-center mt-5">
                            <button type="button" onclick="CancelOrder(this)"
                                    data-id="{{route('order.cancel',$order->token)}}"
                                    class="butn primary_butn bg-danger d-inline-flex mx-3 px-5">
                                {{__('web.yes')}}
                            </button>
                            <a href="#0" onclick="closeModal()" class="butn primary_butn d-inline-flex mx-3 px-5"
                               data-bs-dismiss="modal" aria-label="close">
                                {{__('web.no')}}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif

    @include('web.pages.components.modals.rate')
    @section('inject_js')
        <script src="{{url('')}}/assets/web/js/lib/jQuery.print.min.js"></script>
        <script>
            $('#printButn').on('click', function () {
                $("#printable").print();
            });

            function CancelOrder(elem) {
                let action = $(elem).attr('data-id');
                $.ajax
                ({
                    url: action,
                    type: 'GET',
                    data: '',
                    dataType: 'json',
                    success: function (data) {
                        if ('data' in data) {
                            if (data.message != '') {
                                toasterSuccess(data.message);
                            }
                            setTimeout(
                                function () {
                                    window.location.href = data.data
                                }, 1000);
                        } else {
                            toasterError(Object.values(data.errors)[0]);
                        }
                    }
                    , error: function (data) {
                        toasterError(Object.values(data.responseJSON.errors)[0]);
                    }
                })
            }

            function closeModal() {
                $('#cancel_order').modal('toggle');
            }

            function rateProduct(elem) {
                let url = $(elem).attr('data-id');
                $('#form_rate').attr('action', url);
            }
        </script>
    @endsection

@stop