@section('title','View Order')

@push('vendor-style')
<link rel="stylesheet" type="text/css" href="{{asset('vendors/data-tables/css/jquery.dataTables.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/data-tables/css/select.dataTables.min.css')}}">
@endpush

@push('style')
<link rel="stylesheet" href="{{asset('css/admin/order/viewOrder.css')}}">
@endpush

@push('vendor-script')
<script src="{{asset('vendors/data-tables/js/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('vendors/data-tables/js/dataTables.select.min.js')}}"></script>
<script src="{{asset('vendors/jquery-validation/jquery.validate.min.js')}}"></script>
@endpush

@push('script')
<script src="{{asset('js/admin/order/viewOrder.js')}}"></script>
@endpush

<x-admin-layout>

    <x-breadcrumbs :breadcrumbs="$breadcrumbs"></x-breadcrumbs>

    <div class="col s12">
        <div class="container">
            {{-- Content --}}
            <div class="section">
                <div class="card">
                    <div class="card-content">
                        <div class="row">
                            <div class="col s12">
                                <div class="col s2 m12 l12">
                                    <div class="row justify-content-md-center">
                                        @php
                                        $canFulfill = true;
                                        if($order->items) {
                                        foreach($order->items as $key => $item){
                                        if (strtotime($item->date . ' ' . $item->time) > time()){
                                        $canFulfill = false;
                                        break;
                                        }
                                        }
                                        }
                                        @endphp
                                        @if($order->status <=2 && $order->cancel_requested)
                                            <button class="btn green waves-effect waves-light accept-cancel-order-button right" data-url="{{route('admin_order_cancel_accept', ['order_id' => $order->id])}}"> Accept Cancel </button>
                                            <button class="btn red waves-effect waves-light decline-cancel-order-button right mr-2" data-url="{{route('admin_order_cancel_decline', ['order_id' => $order->id])}}"> Decline Cancellation </button>
                                            @elseif($order->status ==1 && !$order->cancel_requested && $order->items->count() == 1)
                                            <button class="btn orange waves-effect waves-light schedule-order-button right mr-2" data-order_id="{{$order->id}}" data-url="{{route('admin_order_schedule')}}">
                                                Mark as scheduled <i class="material-icons right">check</i>
                                            </button>
                                            @elseif(auth()->user()->can('fulfill_order_update') && ($order->status ==2) && $canFulfill && !$order->cancel_requested)
                                            <button class="btn green waves-effect waves-light complete-order-button right mr-2" data-order_id="{{$order->id}}" data-url="{{route('admin_order_complete')}}">
                                                Mark as fullfilled <i class="material-icons right">check</i>
                                            </button>
                                            @elseif(!$order->refund_completed && $order->status ==3)
                                            <!-- <button class="btn green waves-effect waves-light refund-order-button right mr-2" data-url="{{route('admin_order_refund', ['order_id' => $order->id])}}">Refund Amount</button> -->
                                            @endif
                                    </div>
                                </div>
                                <div class="row justify-content-md-center">
                                    <div class="input-field col m4 s12">
                                        <label class="active" for="division_id">
                                            @lang('Order No.')
                                        </label>
                                        <label>
                                            <span><b>{{ $order->order_no }} </b></span>
                                        </label>
                                    </div>
                                    <div class="input-field col m4 s12">
                                        <label class="active" for="division_id">
                                            @lang('Customer')
                                        </label>
                                        <label>
                                            <span><b>{{ $order->customer ? $order->customer->name : "" }}</b> </span>
                                        </label>
                                    </div>
                                    <div class="input-field col m4 s12">
                                        <label class="active" for="division_id">
                                            @lang('Booking Status')
                                        </label>
                                        <label>
                                            @if($order->status == 1)
                                            @if ($order->cancel_requested)
                                            <span class="chip yellow lighten-5">
                                                <span class="yellow-text text-darken-4">Cancel Requested</span>
                                            </span>
                                            @else
                                            <span class="chip cyan lighten-5">
                                                <span class="cyan-text">{{$order->status_label}}</span>
                                            </span>
                                            @endif
                                            @endif
                                            @if($order->status == 2)
                                            <span class="chip orange lighten-5">
                                                <span class="orange-text">{{$order->status_label}}</span>
                                            </span>
                                            @endif
                                            @if($order->status == 3)
                                            <span class="chip red lighten-5">
                                                <span class="red-text">{{$order->status_label}}</span>
                                            </span>
                                            @endif
                                            @if($order->status == 4)
                                            <span class="chip green lighten-5">
                                                <span class="green-text">{{$order->status_label}}</span>
                                            </span>
                                            @endif
                                        </label>
                                    </div>
                                </div>
                                @if($order->refund_completed)
                                <br><br>
                                <div class="row justify-content-md-center">
                                    <div class="input-field col m4 s12">
                                        <label class="active">
                                            @lang('Refund Amount')
                                        </label>
                                        <label>
                                            <span><b>{{ $order->refund_amount }}KWD</b> </span>
                                        </label>
                                    </div>
                                </div>
                                @endif
                                <br><br>
                                <div class="row justify-content-md-center">
                                    <div class="input-field col m4 s12">
                                        <label class="active"><span><b> @lang('Billing Address') </b></span></label>
                                        <br>
                                        <div class="display-field">
                                            <label class="active"> <span>@lang('Name') <b>{{ $order->name }}</b></span> </label>
                                        </div>
                                        <div class="display-field">
                                            <label class="active"> <span>@lang('Address') <b>{{ $order->address }}</b></span> </label>
                                        </div>
                                        <div class="display-field">
                                            <label class="active"> <span>@lang('Phone') <b>{{ $order->phone_number }}</b></span> </label>
                                        </div>
                                        <div class="display-field">
                                            <label class="active"> <span>@lang('Email') <b>{{ $order->email }}</b></span> </label>
                                        </div>
                                    </div>
                                </div>
                                <br><br>
                                <div class="row justify-content-md-center">
                                    <div class="input-field col m4 s12">
                                        <label class="active" for="division_id">
                                            @lang('Order Note')
                                        </label>
                                        <label>
                                            <span><b>{{ $order->note }}</b> </span>
                                        </label>
                                    </div>
                                </div>
                                <br><br>
                                <div class="row justify-content-md-center">
                                    <div class="order-product-details col m12 s12 mb-3">
                                        <h4 class="card-title">Products</h4>

                                        <table class="table" id="orderItems">
                                            <thead>
                                                <tr>
                                                    <th>#</th>
                                                    @if($order->items->count() > 1)
                                                    <th>Status</th>
                                                    <th>Action</th>
                                                    @endif
                                                    <th>Item</th>
                                                    <th>Date</th>
                                                    <th>Time</th>
                                                    <th>Location</th>
                                                    <th>Note</th>
                                                    <th>Price</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @if($order->items)
                                                @foreach($order->items as $key => $item)
                                                <tr>
                                                    <td> {{$key + 1}} </td>
                                                    @if($order->items->count() > 1)
                                                    <td>
                                                        @if ($item->status != 3 && $item->cancel_requested)
                                                        <span class="chip yellow lighten-5">
                                                            <span class="yellow-text text-darken-4">Cancel Requested</span>
                                                        </span>
                                                        @elseif($item->status == 1)
                                                        <span class="chip cyan lighten-5">
                                                            <span class="cyan-text">{{$item->status_label}}</span>
                                                        </span>
                                                        @elseif($item->status == 2)
                                                        <span class="chip orange lighten-5">
                                                            <span class="orange-text">{{$item->status_label}}</span>
                                                        </span>
                                                        @elseif($item->status == 3)
                                                        <span class="chip red lighten-5">
                                                            <span class="red-text">{{$item->status_label}}</span>
                                                        </span>
                                                        @elseif($item->status == 4)
                                                        <span class="chip green lighten-5">
                                                            <span class="green-text">{{$item->status_label}}</span>
                                                        </span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if($item->status <=2 && $item->cancel_requested)
                                                            <button class="btn green waves-effect waves-light accept-cancel-order-item-button" data-url="{{route('admin_order_item_cancel_accept', ['order_id' => $order->id, 'order_item_id' => $item->id])}}">Accept</button>
                                                            <button class="btn red waves-effect waves-light decline-cancel-order-item-button" data-url="{{route('admin_order_item_cancel_decline', ['order_id' => $order->id, 'order_item_id' => $item->id])}}">Decline
                                                            </button>
                                                            @elseif($item->status ==1 && !$item->cancel_requested)
                                                            <button class="btn orange waves-effect waves-light schedule-order-item-button mr-2" data-order_id="{{$order->id}}" data-order_item_id="{{$item->id}}" data-url="{{route('admin_order_item_schedule')}}">Schedule <i class="material-icons right">check</i>
                                                            </button>
                                                            @elseif(($item->status ==2) && !$item->cancel_requested)
                                                            <button class="btn green waves-effect waves-light complete-order-item-button mr-2" data-order_id="{{$order->id}}" data-order_item_id="{{$item->id}}" data-url="{{route('admin_order_item_complete')}}">
                                                                Complete <i class="material-icons right">check</i>
                                                            </button>
                                                            @endif
                                                    </td>
                                                    @endif
                                                    <td>{{$item->product->title}}</td>
                                                    <td>{{$item->date_admin_display}}</td>
                                                    <td>{{$item->time_admin_display}}</td>
                                                    <td>{{$item->location}}</td>
                                                    <td>{{$item->note}}</td>
                                                    <td class="right-align"> {{$item->price}}KWD </td>
                                                </tr>
                                                @endforeach
                                                <tr>
                                                    @if($order->items->count() > 1)
                                                    <td></td>
                                                    <td></td>
                                                    @endif
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td class="right-align">Sub Total</td>
                                                    <td class="right-align">{{$order->sub_total}}KWD</td>
                                                </tr>
                                                <tr>
                                                    @if($order->items->count() > 1)
                                                    <td></td>
                                                    <td></td>
                                                    @endif
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td class="right-align">Handling Charge</td>
                                                    <td class="right-align">{{$order->handling_charge}}KWD</td>
                                                </tr>
                                                @if($order->is_discount_applied)
                                                <tr>
                                                    @if($order->items->count() > 1)
                                                    <td></td>
                                                    <td></td>
                                                    @endif
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td class="right-align">Discount</td>
                                                    <td class="right-align">{{$order->discount}}KWD</td>
                                                </tr>
                                                @endif
                                                <tr>
                                                    @if($order->items->count() > 1)
                                                    <td></td>
                                                    <td></td>
                                                    @endif
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td class="right-align">Total</td>
                                                    <td class="right-align"><b>{{$order->amount}}KWD</b></td>
                                                </tr>
                                                @endif
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-admin-layout>