@extends('admin.layout.master')

@section('css')
<link rel="stylesheet" type="text/css" href="{{asset('admin/app-assets/vendors/css/extensions/sweetalert2.min.css')}}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css">
@endsection

@section('content')
<!-- // Basic multiple Column Form section start -->
<section id="multiple-column-form">
    <div class="row">
        {{-- main order data --}}
        <div class="col-6">
            <div class="card ">

                <div class="card-header">
                    <h5 class=""><i class="fa fa-user"></i> {{ __('admin.order_basic_details') }} </h5>
                    <span><a type="button" class="btn-download" title="تحميل الفاتوره" target="_blank"
                            href="{{route('orderInvoicePdf',['user_id' => $order->user_id,'order_id' => $order->id])}}">
                            <svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512">
                                <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.-->
                                <path
                                    d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V274.7l-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7V32zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V416c0-35.3-28.7-64-64-64H346.5l-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352H64zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z" />
                            </svg>
                        </a></span>
                </div>
                <div class="card-content">
                    <div class="card-body">

                        <div class="row mb-1">
                            <div class="col-4">{{ __('admin.order_num') }}</div>
                            <div class="col-8">{{ $order->order_num }}</div>
                        </div>

                        <div class="row mb-1">
                            <div class="col-4">{{ __('admin.type') }}</div>
                            <div class="col-8">{{ $order->type_text }}</div>
                        </div>

                        <div class="row mb-1">
                            <div class="col-4">{{ __('admin.vat_per') }}</div>
                            <div class="col-8">{{ $order->vat_per }} %</div>
                        </div>

                        <div class="row mb-1">
                            <div class="col-4">{{ __('admin.vat_amount') }}</div>
                            <div class="col-8">{{ newNumberFormat($order->vat_amount) }} <span
                                    class="text-success">{{__('site.currency')}}</span></div>
                        </div>

                        <div class="row mb-1">
                            <div class="col-4">{{ __('admin.total_qty_product') }}</div>
                            <div class="col-8">{{ newNumberFormat($order->total_products_price) }} <span
                                    class="text-success">{{__('site.currency')}}</span></div>
                        </div>

                        <div class="row mb-1">
                            <div class="col-4">{{ __('admin.deliver_price') }}</div>
                            <div class="col-8">{{ newNumberFormat($order->deliver_price) }} <span
                                    class="text-success">{{__('site.currency')}}</span></div>
                        </div>

                        @if($order->coupon_id != NULL)
                        <div class="row mb-1">
                            <div class="col-4">{{ __('admin.coupon_num') }}</div>
                            <div class="col-8">{{ $order->coupon_num }} <span class="text-success"></span></div>
                        </div>
                        <div class="row mb-1">
                            <div class="col-4">{{ __('admin.discount_amount') }}</div>
                            <div class="col-8">{{ newNumberFormat($order->coupon_amount) }} <span
                                    class="text-success">{{__('site.currency')}}</span></div>
                        </div>
                        @endif

                        <div class="row mb-1">
                            <div class="col-4">{{ __('admin.final_total') }}</div>
                            <div class="col-8">{{ newNumberFormat($order->final_total) }} <span
                                    class="text-success">{{__('site.currency')}}</span></div>
                        </div>

                        <div class="row mb-1">
                            <div class="col-4">{{ __('admin.status') }}</div>
                            <div class="col-8">{{ $order->status_text }} </div>
                        </div>

                        <div class="row mb-1">
                            <div class="col-4">{{ __('admin.delivery_status') }}</div>
                            <div class="col-8">
                                {{ $order->deliver_price > 0 ? __('admin.deliver') : __('admin.pickup') }}
                            </div>
                        </div>

                        @if($order->cancel_reason_id != NULL && $order->status == App\Enums\OrderStatus::CANCEL)
                        <div class="row mb-1">
                            <div class="col-4">{{ __('admin.cancel_reason') }}</div>
                            <div class="col-8">{{ $order->cancelReason?->reason }} </div>
                        </div>
                        @endif

                        @if($order->type == App\Enums\OrderType::RETRIEVAL)
                        <div class="row mb-1">
                            <div class="col-4">{{ __('admin.retrieval_reason') }}</div>
                            <div class="col-8 text-danger">{{ $order->retrieval_reason }} </div>
                        </div>
                        @endif

                        @if($order->coupon_id != NULL)
                        <div class="row mb-1">
                            <div class="col-4">{{ __('admin.notes') }}</div>
                            <div class="col-8">{{ $order->notes }} </div>
                        </div>
                        @endif
                    </div>
                </div>

            </div>
        </div>
        {{-- main order data --}}

        {{-- user data --}}
        <div class="col-6 ">
            <div class="card ">
                <div class="card-header">
                    <h5 class=""><i class="fa fa-user"></i> {{ __('admin.user_details') }} </h5>
                </div>
                <hr>
                <div class="card-content">
                    <div class="card-body">

                        {{-- <div class="row mb-1">--}}
                            {{-- <div class="col-12 d-flex justify-content-center mb-2"> <a
                                    href="{{$order->user?->image}}" data-fancybox="fancybox">--}}
                                    {{-- <img width="100" height="100" src="{{$order->user?->image}}"
                                        alt="{{$order->user?->name}}">--}}
                                    {{-- </a>--}}
                                {{-- </div>--}}
                            {{-- </div>--}}

                        <div class="row mb-1">
                            <div class="col-4">{{ __('site.name') }}</div>
                            <div class="col-8">{{ $order->user?->name }}</div>
                        </div>

                        {{-- <div class="row mb-1">--}}
                            {{-- <div class="col-4">{{ __('admin.email') }}</div>--}}
                            {{-- <div class="col-8">{{ $order->user?->email }}</div>--}}
                            {{-- </div>--}}

                        <div class="row mb-1">
                            <div class="col-4">{{ __('admin.phone') }}</div>
                            <div class="col-8">{{ $order->user?->full_phone }}</div>
                        </div>

                        <div class="row mb-1">
                            <div class="col-4">{{ __('admin.ban_status') }}</div>
                            @if ($order->user?->is_blocked)
                            <div class="chip chip-danger">
                                <div class="chip-body">
                                    <div class="chip-text">{{ __('admin.Prohibited') }}</div>
                                </div>
                            </div>
                            @else
                            <div class="chip chip-primary">
                                <div class="chip-body text-center">
                                    <div class="chip-text ">{{ __('admin.Unspoken') }}</div>
                                </div>
                            </div>
                            @endif
                        </div>

                        <div class="row mb-1">
                            <div class="col-4">{{ __('admin.address') }}</div>
                            <div class="col-8"><a
                                    href="{{ 'https://maps.google.com/?q=' . $order->lat . ',' .  $order->lng }}"
                                    target="_blank">{{ $order->map_desc }}</a></div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        {{-- user data --}}

        {{-- product data --}}
        <div class="col-6 ">
            <div class="card ">
                <div class="card-header">
                    <h5 class=""><i class="fa fa-user"></i> {{ __('admin.products_details') }} </h5>
                </div>
                <hr>
                <div class="card-content">
                    <div class="card-body">

                        <table class="table " id="tab">
                            <thead>
                                <tr>
                                    <th>{{__('admin.image')}}</th>
                                    <th>{{__('admin.name')}}</th>
                                    <th>{{__('admin.product_price')}}</th>
                                    <th>{{__('admin.qty')}}</th>
                                    <th>{{__('admin.product_total')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($order->orderItems as $item)
                                <tr class="delete_row">
                                    <td>
                                        <a href="{{$item->product?->firstImage()}}" data-fancybox="fancybox">
                                            <img width="50" height="50" src="{{$item->product?->firstImage()}}"
                                                alt="{{$item->product?->name}}">
                                        </a>
                                        <p>
                                            {{implode(' - ' , $item->variant?->OptionsDataNames)}}
                                        </p>
                                    </td>
                                    <td>{{ $item->product?->name }}</td>
                                    <td>{{ newNumberFormat($item->product_price) }} <span
                                            class="text-success">{{__('site.currency')}}</span></td>
                                    <td>{{ $item->qty }} </td>
                                    <td>{{ newNumberFormat($item->product_total) }} <span
                                            class="text-success">{{__('site.currency')}}</span></td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
        </div>
        {{-- product data --}}

        {{-- retrieval images --}}
        <div class="col-6 ">
            <div class="card ">
                <div class="card-header">
                    <h5 class=""><i class="fa fa-image"></i> {{ __('admin.retrieval_images') }} </h5>
                </div>
                <hr>
                <div class="card-content">
                    <div class="card-body">
                        @foreach ($order->retrievalImages as $image)
                        <div class="delete_row">
                            <a href="{{$image->image}}" data-fancybox="fancybox">
                                <img width="50" height="50" src="{{$image->image}}" alt="">
                            </a>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
        {{-- product data --}}

        <div class="col-6 ">
            <div class="card ">
                <div class="card-header">
                    <h5 class=""><i class="fa fa-user"></i> {{ __('admin.change_order_status') }} </h5>
                </div>
                <hr>
                <div class="card-content">
                    <div class="card-body">
                        @if($order->type == App\Enums\OrderType::NORMAL)
                        @include('admin.orders.normalActions')
                        @else
                        @include('admin.orders.retrievalActions')
                        @endif
                    </div>
                </div>
            </div>
        </div>
        {{-- product data --}}
    </div>
</section>
@endsection

@section('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<script src="{{asset('admin/app-assets/vendors/js/extensions/sweetalert2.all.min.js')}}"></script>
<script src="{{asset('admin/app-assets/js/scripts/extensions/sweet-alerts.js')}}"></script>
<script>
    $(document).ready(function () {
    $(document).on('click', '.submit-button', function (e) {
        e.preventDefault();
        var status = $(this).data('status'),
            url = $(this).data('url'),
            formData = new FormData();
        formData.append("_method", 'PUT');
        formData.append("status", status);
        $.ajax({
            url: url,
            method: 'post',
            data: formData,
            dataType: 'json',
            processData: false,
            contentType: false,
            beforeSend: function () {
                $('.submit-button').html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>').attr('disable', true)
                $('.submit-button').addClass('d-none');
            },
            success: function (response) {
                // alert(2);
                if (response.key == 'success') {
                    Swal.fire({
                        position: 'top-start',
                        type: 'success',
                        title: response.msg,
                        showConfirmButton: false,
                        timer: 1500,
                        confirmButtonClass: 'btn btn-primary',
                        buttonsStyling: false,
                    })
                    setTimeout(function () {
                        window.location.replace(response.data.url)
                    }, 1000);
                }
            },
            error: function (xhr) {
                console.log(xhr)
            },
        });
    });
});

$('.show input').attr('disabled', true)
$('.show textarea').attr('disabled', true)
$('.show select').attr('disabled', true)
</script>
@endsection