@extends('admin.layouts.container')
@section('css')
    <link rel="stylesheet" href="{{ asset('assets/web/css/printable.css') }}" />
@endsection
@section('content')
{{--    <div class="side-title">--}}
{{--        <h3>{{$head ?? '' }}</h3>--}}
{{--    </div>--}}

{{--    @if(($payment ?? null) && ($payment->myfatoorah_status && $payment->aramex_status))--}}
{{--        <div class="row">--}}
{{--            <div class="col-md-12">--}}
{{--                <a href="{{route('productRequests.printLabel', $productRequest->id)}}" class="btn btn-primary print_label"><i class="fas fa-print"></i> Print label</a>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    @endif--}}

{{--    @if(($payment ?? null) && ($payment->myfatoorah_status && !$payment->aramex_status))--}}
{{--        <div class="row">--}}
{{--            <div class="col-md-12">--}}
{{--                @if($payment->user_id)--}}
{{--                    <a href="{{route('productRequests.createShipments', [$payment->id, $user->id])}}" class="btn btn-primary create_shipment"> Create shipment</a>--}}
{{--                    @else--}}
{{--                    <a href="{{route('productRequests.visitorCreateShipments', [$payment->id])}}" class="btn btn-primary create_shipment"> Create shipment</a>--}}
{{--                @endif--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    @endif--}}


    <div class="border-item">
        <form class="form-row add_product_form">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">{{__('productRequests.edit')}}</h3>
                </div>
                <div class="card-body row">
                    <div class="form-group col-lg-4">
                        <label>{{ __('productRequests.request_number') }}</label>
                        <input readonly class="form-control bg-white"  value='# {{$productRequest->id}}'/>
                    </div>
                    <div class="form-group col-lg-4">
                        <label>{{ __('productRequests.user_name') }}</label>
                        <input readonly class="form-control bg-white"  value='{{$user->name ?? $user['name']}}'/>
                    </div>
                    <div class="form-group col-lg-4">
                        <label>{{ __('productRequests.user_phone') }}</label>
                        <input readonly class="form-control bg-white"  value='{{$user->phone ?? ($user['call_code'].'-'.$user['phone'])}}'/>
                    </div>
                    <div class="form-group col-lg-4">
                        <label>{{ __('productRequests.user_email') }}</label>
                        <input readonly class="form-control bg-white"  value='{{$user->email ?? $user['email']}}'/>
                    </div>
                    <div class="form-group col-lg-3">
                        <label>{{ __('productRequests.request_date') }}</label>
                        <input readonly class="form-control bg-white"  value='{{date('Y-m-d h:i:s A', strtotime($productRequest->created_at))}}'/>
                    </div>
                    <div class="form-group col">
                        <label>{{ __('productRequests.pay_way') }}</label>
                        <input readonly class="form-control bg-white"  value='{{__('productRequests.'.$productRequest->pay_way)}}'/>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">{{__('productRequests.pay_details')}}</h3>
                </div>
                <div class="card-body row">
                    <div class="form-group col-lg-3">
                        <label>{{__('productRequests.net_total') }}</label>
                        <input readonly class="form-control bg-white"  value='{{$productRequest->total}}'/>
                    </div>
                    <div class="form-group col-lg-3">
                        <label>{{__('productRequests.total_after_discount_added') }}</label>
                        <input readonly class="form-control bg-white"  value='{{$productRequest->total_after}}'/>
                    </div>
                    <div class="form-group col-lg-3">
                        <label>{{__('productRequests.order_discount') }}</label>
                        <input readonly class="form-control bg-white"  value='{{$productRequest->order_discount ?? 0}}'/>
                    </div>
                    <div class="form-group col-lg-3">
                        <label>{{__('productRequests.added_value') }}</label>
                        <input readonly class="form-control bg-white"  value='{{$productRequest->added_value_amount}}'/>
                    </div>
                    <div class="form-group col-lg-4">
                        <label>{{__('productRequests.shipping_value') }}</label>
                        <input readonly class="form-control bg-white"  value='{{$shippingValue}}'/>
                    </div>
                    <div class="form-group col-lg-4">
                        <label>{{__('productRequests.city_name') }}</label>
                        <input readonly class="form-control bg-white"  value='{{$productRequest->address_info['city']}}'/>
                    </div>
                    <div class="form-group col-lg-4">
                        <label>{{__('productRequests.map_location') }}</label>
                        <input readonly class="form-control bg-white"  value='{{$productRequest->address_info['lat'] . ',' . $productRequest->address_info['lng']}}'/>
                    </div>
                    <div class="form-group col-lg-3">
                        <label>{{__('productRequests.status') }}</label>
                        @if($productRequest->status == 'cart_mode')
                            <input readonly class="form-control bg-white"  value='{{__('productRequests.'.$productRequest->status)}}'/>
                        @else
                            <select name="status" class="form-control">
                                <option value="">{{__('productRequests.status') }}</option>
                                <option {{$productRequest->status == 'approval' ? 'selected' : ''}} value="approval">{{__('productRequests.approval') }}</option>
                                <option {{$productRequest->status == 'preparation' ? 'selected' : ''}} value="preparation">{{__('productRequests.preparation') }}</option>
                                <option {{$productRequest->status == 'charged' ? 'selected' : ''}} value="charged">{{__('productRequests.charged') }}</option>
                                <option {{$productRequest->status == 'delivered_handed' ? 'selected' : ''}} value="delivered_handed">{{__('productRequests.delivered_handed') }}</option>
                            </select>
                        @endif

                    </div>
                    <div class="form-group col-lg-12">
                        <label>{{__('productRequests.address') }}</label>
                        <input readonly class="form-control bg-white"  value='{{$productRequest->address_info['address']}}'/>
                    </div>

                    <div class="form-group col-lg-4 d-flex flex-column">
                        <label>{{__('productRequests.show_bill') }}</label>
                        <button data-bill=".bill_container" class="btn bill_modal_button" type="button" data-toggle="modal" data-target="#billModal">
                            <img src="{{asset('assets/admin/images/icons/bill.png')}}" alt="">
                        </button>
                    </div>
                    @if($productRequest->pay_way == 'bank' && $productRequest->receipt)
                        <div class="form-group col-lg-4 d-flex flex-column">
                            <label>{{__('productRequests.receipt') }}</label>
                            <a data-fancybox="" href="{{asset($productRequest->receipt)}}">
                                <img src="{{asset($productRequest->receipt)}}" alt="">
                            </a>
                            <a class="btn btn-success mt-2" download="" href="{{asset($productRequest->receipt)}}"><i class="fa fa-download"></i> {{__('dashboard.download')}}</a>
                        </div>
                    @endif

                </div>
            </div>


{{--            <div class="form-group col-lg-9">--}}
{{--                <label>{{ __('productRequests.user_address') }}</label>--}}
{{--                <input readonly class="form-control bg-white"  value='{{$user->address ?? ($user['address'] . '-'.$user['district'])}}'/>--}}
{{--            </div>--}}
{{--            <div class="form-group col-lg-3">--}}
{{--                <label>{{ __('productRequests.shipment_number') }}</label>--}}
{{--                <input readonly class="form-control bg-white"  value='{{$shipmentId}}'/>--}}
{{--            </div>--}}

            <table class="table border table-striped">
                <thead>
                <tr>
                    <th>#</th>
                    <th>{{__('productRequests.image')}}</th>
                    <th>{{__('productRequests.product_name')}}</th>
                    <th>{{__('productRequests.amount')}}</th>
                    <th>{{__('products.product_size_id')}}</th>
                    <th>{{__('productRequests.price')}}</th>
{{--                    <th>{{__('productRequests.colors')}}</th>--}}
                </tr>
                </thead>
                <tbody>
                @if(count($orders))
                    @foreach($orders as $order)
                        <tr>
                            <td>{{$loop->iteration}}</td>
                            <td><img class="img-thumbnail" style="width: 150px" src="{{asset($order->image)}}" alt=""></td>
                            <td>{{$order->product_name}}</td>
                            <td>{{$order->amount}}</td>
                            <td>{{$order->size}}</td>
                            <td>{{$order->price}}</td>
{{--                            <td><input readonly type="color" value="{{$order->color}}"></td>--}}
                        </tr>
                    @endforeach
                @else
                    <tr><td colspan="6" class="text-center text-danger">{{__('products.no_data')}}</td></tr>
                @endif
                </tbody>

            </table>
        </form>

        <div class="text-center mt-5 col-12">
            <a href="{{route('productRequests.index')}}" class="butn add_product_button"><span>{{ __('productRequests.back') }}</span></a>
        </div>
    </div>


<div class="modal fade printable" id="billModal" tabindex="-1" aria-labelledby="billModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content modal_print">
            <div class="modal-header d-flex flex-row-reverse">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <button id="print_btn" class="btn btn-secondary print_button"><i class="fa fa-print"></i></button>
            </div>
            <div class="modal-body">
                <div class="bill-modal-content bill_modal_container">
                    <div class="col-md-12 bill_container bills_container border">
                        <h4>({{$productRequest->id}}) فاتورة </h4>
                        <div class="row mt-5">
                            <div class="col-md-6">
                                <div class="bill_det">
                                    <h6>{{__('productRequests.user_name')}}<span>{{$user->name ?? $user['name']}}</span></h6>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="bill_det">
                                    <h6>{{__('productRequests.user_phone')}}<span>{{$user->phone ?? ($user['call_code'].'-'.$user['phone'])}}</span></h6>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="bill_det">
                                    <h6>{{__('productRequests.request_date')}}<span> {{date('Y M d', strtotime($productRequest->created_at))}}</span></h6>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="bill_det">
                                    <h6>{{__('settings.tax_number')}}<span>{{settings('tax_number')}}</span></h6>
                                </div>
                            </div>
                        </div>
                        <div class="responsive-table mt-4">
                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th scope="col">#</th>
                                    <th scope="col">{{__('productRequests.product_name')}}</th>
                                    <th scope="col">{{__('products.price')}}</th>
                                    <th scope="col">{{__('productRequests.added_value') }}</th>
                                    <th scope="col">{{__('productRequests.pay_way')}}</th>
                                    <th scope="col">{{__('productRequests.net_total') }} </th>
                                </tr>
                                </thead>
                                @if(count($orders))
                                    @foreach($orders as $order)
                                        <tr>
                                            <td>{{$loop->iteration}}</td>
                                            <td>{{$order->product_name}}</td>
                                            <td>{{$order->price}}</td>
                                            <td>{{$order->added_value_amount}}</td>
                                            <td>{{__('productRequests.'.$order->pay_way)}}</td>
                                            <td>{{$order->total}}</td>
                                        </tr>
                                    @endforeach
                                @else
                                    <tr><td colspan="6" class="text-center text-danger">{{__('products.no_data')}}</td></tr>
                                @endif
                                <tbody>
                                <tr>

                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="row mt-4">
                            <div class="col-md-6">
                                <div class="contact_item">
                                    <div class="icon">
                                        <i class="fas fa-globe-americas"></i>
                                    </div>
                                    <p><a href="">الموقع الالكتروني</a></p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="contact_item">
                                    <div class="icon">
                                        <i class="far fa-paper-plane"></i>
                                    </div>
                                    <p>{{settings('site_address_'.$lang)}}</p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="contact_item">
                                    <div class="icon">
                                        <i class="fas fa-phone"></i>
                                    </div>
                                    <p>{{settings('site_phone')}}</p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="contact_item">
                                    <div class="icon">
                                        <i class="fas fa-at"></i>
                                    </div>
                                    <p>{{settings('site_email')}}</p>
                                </div>
                            </div>
                            <div class="col-md-6 m-auto">
                                <div class="contact_item d-flex justify-content-center">
                                    <img src="{{$qrCode}}" alt="">
                                </div>
                            </div>
                        </div>
                        <hr>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


@endsection

@section('inner_js')

    <script src="{{ asset('assets/admin/js/printThis.js') }}"></script>

    <script>

        let changeOrderStatusRoute = "{{route('productRequests.changeOrderStatus')}}",
            order_id = "{{$productRequest->id}}"

        $('select[name="status"]').change(async function () {

            let data = {status: $(this).val(), order_id: order_id},
                url = changeOrderStatusRoute,
                method = 'get';

            if($(this).val() === ''){
                return false;
            }

            const response=await ajax({
                url,
                data,
                dataType: 'json',
                method,
                contentType: false,
                processData: false,
            });

            if (response.errors) {
                toasterError(response.errors);
            }
            if (response.message) {
                toasterSuccess(response.message);
            }

        });

        $('.print_label, .create_shipment').click(async function (e) {
            e.preventDefault();
            let url = $(this).attr('href'),
                method = 'get';

            const response=await ajax({
                url,
                dataType: 'json',
                method,
                contentType: false,
                processData: false,
            });

            if (response.errors) {
                toasterError(response.errors);
            }
            if (response.message) {
                toasterSuccess(response.message);
                setTimeout(function () {
                    window.location.reload();
                }, 200);

            }
            if (response.label_url) {
                window.open(response.label_url)
            }

        });

        $(document).ready(function () {
            let billContainers = '';
            $('.bills_container').each(function () {
                billContainers += $(this).html();
            });
            let printBillContainerBody = $('.print_bill_container_body');
            printBillContainerBody.html(billContainers);
        });

        $('.print_all').click(function () {
            let bills = $('.print_bill_container_body').parents(),
                printable = $('.printable');
            $('.bill_modal_container').html(bills.html());
            printable.addClass('print_all');
            printable.modal();
            // let printWindow = window.open('', 'Print window', 'height=400,width=600');
            // printWindow.document.open();
            // printWindow.document.write('<html><head><titl>+document.title+</titl></head><body class="print_body" onload="window.print()">'+bills.html()+'</body></html>');
            // printWindow.document.close();
            // setTimeout(function(){printWindow.close();},10);


        });

        $('.bill_modal_button').click(function () {
            $('.bill_modal_container').html($($(this).data('bill')).html());
            $('.printable').removeClass('print_all');

        });

        $('.modal.printable').on('shown.bs.modal', function (e) {
            $('.modal-dialog', this).addClass('focused');
            $('body').addClass('modalprinter');
            if ($(this).hasClass('print_all')){
                $('.print_button').trigger('click');
                $('.printable').modal('hide')
            }

        }).on('hidden.bs.modal', function () {
            $('.modal-dialog', this).removeClass('focused');
            $('body').removeClass('modalprinter');
            $('.printable').removeClass('print_all');
        });

        $('#print_btn').on("click", function() {
            $(this).closest('.modal_print').printThis({
                importCSS: true, // import parent page css
            });
        });

    </script>
@endsection