@extends('admin.layouts.container')

@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="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-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>

            <div class="form-group col-lg-4">
                <label>{{__('productRequests.net_total') }}</label>
                <input readonly class="form-control bg-white"  value='{{$productRequest->net_total}}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{__('productRequests.total_after_discount_added') }}</label>
                <input readonly class="form-control bg-white"  value='{{$productRequest->order_total}}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{__('productRequests.order_discount') }}</label>
                <input readonly class="form-control bg-white"  value='{{$productRequest->order_discount ?? 0}}'/>
            </div>
            <div class="form-group col-lg-4">
                <label>{{__('productRequests.added_value') }}</label>
                <input readonly class="form-control bg-white"  value='{{($productRequest->net_total*$addedValue)/100}}'/>
            </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.status') }}</label>
                @if($productRequest->status == 'cart_mode')
                    <input readonly class="form-control bg-white"  value='{{__('productRequests.'.$productRequest->status)}}'/>
                @elseif($productRequest->status != 'complete')
                    <select name="status" class="form-control">
                        <option value="">{{__('productRequests.status') }}</option>
                        <option {{$productRequest->status == 'pending' ? 'selected' : ''}} value="pending">{{__('productRequests.pending') }}</option>
                        <option {{$productRequest->status == 'charging' ? 'selected' : ''}} value="charging">{{__('productRequests.charging') }}</option>
                        <option {{$productRequest->status == 'canceled' ? 'selected' : ''}} value="canceled">{{__('productRequests.canceled') }}</option>
                        <option {{$productRequest->status == 'complete' ? 'selected' : ''}} value="complete">{{__('productRequests.complete') }}</option>
                    </select>
                @else
                    <input readonly class="form-control bg-white" type="text" value="{{__('productRequests.'.$productRequest->status) }}">
                @endif

            </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>{{__('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->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>

@endsection

@section('inner_js')

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

    <script>

        $('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)
            }

        });

    </script>
@endsection