@php
    $nameMin = config('constant.name.min');
    $nameMax = config('constant.name.max');
    $requireField = trans('admin::message.required');
@endphp
@extends('shared.admin')
@section('content')
    <div class="container-fluid">
        <h2 class="mt-30 page-title">{{trans('admin::order.title.header')}} <span
                    class="order-id">#ORDER{{ $order->id }}</span></h2>
        <ol class="breadcrumb mb-30">
            <li class="breadcrumb-item"><a href="{{ asset('/admin') }}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ asset('/admin/order') }}">{{trans('admin::order.title.header')}}</a>
            </li>
            <li class="breadcrumb-item active">{{trans('admin::order.title.edit')}}</li>
        </ol>
        <form id="Location" action="{{ action('OrderController@updateOrder') }}" method="POST"
              enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="order_id" value="{{$order->id ?? 0}}">
            <div class="row">
                <div class="col-lg-8">
                    @include('admin.order.forms.customer')
                    @include('admin.order.forms.company')
                </div>

                <div class="col-lg-4">
                    <div class="card card-default">
                        <div class="card-body">
                            <div class="form-group">
                                @include('admin.order.elements.inventory',[
                                    'inventoryId' => old('inventoryId', $order->inventoryId ?? 0)
                                ])
                            </div>
                            <div class="form-group">
                                <div class="col-12 mt-3">
                                    <label for="shipping_id"
                                           class="form-label">{{trans('admin::message.shipping_id.label')}}</label>

                                    <input type="text" id="shipping_id" name="shipping_id"
                                           @if($delivery && $delivery->status !== \App\Enums\DeliveryStatus::REJECTED && $delivery->status !== \App\Enums\DeliveryStatus::CANCELED && $delivery->status !== \App\Enums\DeliveryStatus::EXPIRED)
                                           disabled
                                           @endif
                                           value="{{old('shipping_id', $order->shipping_id ?? '')}}"
                                           class="form-control form-control-lg"/>
                                </div>
                                <div class="col-12 mt-3">
                                    <label for="shipping_fee"
                                           class="form-label">{{trans('admin::message.shipping_fee.label')}}</label>

                                    <input type="tel" id="shipping_fee" name="shipping_fee"
                                           value="{{old('shipping_fee', $order->shipping_fee ?? '')}}"
                                           class="form-control form-control-lg"/>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card card-default">
                        <div class="card-header">
                            <h3 class="card-title">{{trans('admin::order.title.cart')}}</h3>
                        </div>
                        <div class="card-body">
                            <table class="table table-bordered">
                                <thead class="bg-light">
                                <tr>
                                    <th>{{trans('admin::order.product.label')}}</th>
                                    <th>{{trans('admin::order.quantity.label')}}</th>
                                    <th>{{trans('admin::order.amount.label')}}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @php
                                    $total = 0;
                                    $fee = 0;
                                @endphp
                                @for ($i = 0; $i < count($product); $i++)
                                    @php
                                        $m = $product[$i];
                                        $total += $m->price * $m->quanlity;
                                    @endphp
                                    <tr>
                                        <td>
                                            {{ $m->title }}<br/>
                                            {{Common::numberFormat($m->price)}}
                                        </td>
                                        <td class="text-center">
                                            {{Common::numberFormat($m->quanlity)}}
                                        </td>
                                        <td class="text-right">
                                            {{Common::numberFormat(($m->price ?? 0) * $m->quanlity)}}
                                        </td>
                                    </tr>
                                @endfor
                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan="3">
                                        <div class="form-group row">
                                            <label class="form-label col-md-6">{{trans('admin::order.amount.total')}}</label>
                                            <div class="col-md-6 text-right"
                                                 id="subtotal_1">{{Common::numberFormat($total)}}</div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="form-label col-md-6">{{trans('admin::order.amount.delivery')}}</label>
                                            <div class="col-md-6 text-right">{{ Common::numberFormat($order->shipping_fee ?? 0) }}</div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="form-label col-md-6">{{trans('admin::order.amount.discount')}}</label>
                                            <div class="col-md-6 text-right">{{ Common::numberFormat($order->discount ?? 0) }}</div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="form-label col-md-6">
                                                {{trans('admin::order.amount.discount_delivery')}}<br>
                                                @if($order->user_ranking)
                                                    <strong>[{{$order->user_ranking ?? '' }}]</strong>
                                                @endif
                                            </label>
                                            <div class="col-md-6 text-right">{{ $order->shipping_discount ? '- ' : '' }} {{ Common::numberFormat($order->shipping_discount) ?? 0 }}</div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="form-label col-md-6">{{trans('admin::order.amount.total_incl')}}</label>
                                            <div class="col-md-6 text-right text-lg text-bold"
                                                 id="total">{{Common::numberFormat($order->totalprice)}}</div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="form-label col-md-6">{{trans('admin::order.payment.label')}}</label>
                                            <div type="text"
                                                 class="col-md-6 text-right text-lg">{{ !empty($order->paymentmethod ?? '') ?  strtoupper($order->paymentmethod) : 'COD'}}</div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="form-label col-md-6">{{trans('admin::order.payment.status')}}</label>
                                            @php
                                                $class = $order->paymentstatus === 'SUCCESS' ? 'text-success' : 'text-danger';
                                            @endphp
                                            <div type="text"
                                                 class="col-md-6 text-right font-weight-bold text-lg {{ $class }}">{{ strtoupper($order->paymentstatus) }}</div>
                                        </div>
                                        @if(!empty($order->promocode ?? ''))
                                            <div class="form-group row">
                                                <label class="form-label col-md-6">{{trans('admin::order.promotion.voucher')}}</label>
                                                <div type="text"
                                                     class="col-md-6 text-right text-lg">{{ $order->promocode }}</div>
                                            </div>
                                            @if(!empty($order->checkpromo))
                                                <div class="form-group row">
                                                    <label class="form-label col-md-6">Claim?</label>
                                                    <div type="text"
                                                         class="col-md-6 text-right text-lg">{{ $order->checkpromo }}</div>
                                                </div>
                                            @endif
                                        @endif
                                        @if ($order->paymentmethod === 'Napas' && $order->paymentstatus=== 'SUCCESS' && $user->role_id === 1)
                                            <div>
                                                <a onclick="return confirm('Bạn có chắc hoàn tiền cho đơn hàng này không?')"
                                                   class="btn btn-warning"
                                                   href="{{ route('order.refund', ['id' => $order->id]) }}">Hoàn trả</a>
                                            </div>
                                        @endif
                                    </td>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="col-lg-12">
                    @if($delivery != null)
                        <div class="card-body-table">
                            <div class="table-responsive">
                                <table class="table ucp-table table-hover">
                                    <thead>
                                    <tr>
                                        <th>Lalamove Order Id</th>
                                        <th>Status</th>
                                        <th>Driver Id</th>
                                        <th>Driver Name</th>
                                        <th>Driver Phone</th>
                                        <th>Action</th>
                                    </tr>
                                    </thead>
                                    <tbody id="tbody">
                                    <tr>
                                        <td>{{ $delivery->customerOrderId }}</td>
                                        <td>{{ $delivery->status }}</td>
                                        <td>{{ $delivery->driverId }}</td>
                                        <td>{{ $delivery->driverName }}</td>
                                        <td>{{ $delivery->driverPhone }}</td>
                                        <td>
                                            @if ($delivery->status !== \App\Enums\DeliveryStatus::EXPIRED && $delivery->status !== \App\Enums\DeliveryStatus::CANCELED && $delivery->status !== \App\Enums\DeliveryStatus::REJECTED && $delivery->status !== \App\Enums\DeliveryStatus::COMPLETED)
                                                <button class="status-btn hover-btn"
                                                        onclick="checkStatusDelivery('{{ $delivery->customerOrderId }}')"
                                                        type="button">
                                                    Check Status
                                                </button>
                                            @endif
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </form>
    </div>
    <div class="modal1"></div>
@endsection
@section('style')
    @parent
    <link rel="stylesheet" href="{{asset('js/plugins/datepicker/datepicker3.css')}}">
    <link rel="stylesheet" href="{{asset('js/plugins/select2/css/select2.min.css')}}">
    <link rel="stylesheet" href="{{asset('css/admin/adminlte.min.css')}}">
    <link rel="stylesheet" href="{{asset('css/admin/pts.css')}}?v={{config('domain.version')}}">
    <style>
        .modal1 {
            display: none;
            position: fixed;
            z-index: 9999;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background: rgba(255, 255, 255, .8) url('{{ asset('images/loading_gif.gif') }}') 50% 50% no-repeat;
        }

        /* When the body has the loading class, we turn
           the scrollbar off with overflow:hidden */
        body.loading {
            overflow: hidden;
        }

        /* Anytime the body has the loading class, our
           modal element will be visible */
        body.loading .modal1 {
            display: block;
        }
    </style>
@endsection
@section('script')
    @parent
    <script src="{{ asset('js/plugins/datepicker/bootstrap-datepicker.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/plugins/select2/js/select2.full.min.js') }}"></script>
    <script src="{{ asset('front/app/assets/js/vendor/slick.min.js') }}"></script>
    <script src="{{ asset('front/app/assets/js/scripts-bundled.js') }}?v={{config('domain.version')}}"></script>
@endsection
@section('js-ext')
    @parent
    <script type="text/javascript">
      function checkStatusDelivery(customerOrderId) {
        document.location = "{{ url('/') }}" + "/admin/order/checkStatusDelivery/" + customerOrderId;
        return false;
      }

      function cancelDelivery(customerOrderId) {
        $.ajax({
          type: 'GET',
          url: "{{ url('/') }}" + "/admin/order/cancelDelivery/" + customerOrderId,
          success: function (result) {
            console.log(result);
            if (result == 'success') {
              alert('Bạn đã hủy đặt thành công!!!');
            } else {
              alert('Bạn không thể hủy được!!!');
            }
            document.location = "{{ url('/') }}" + "/admin/order/edit/" + "{{$order->id}}";
            return false;
          }
        });
      }
    </script>
@endsection