@extends('layouts.app')

@section('content')

    <div class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title">Order Details</h3>
        </div>
        <div class="panel-body">

            <form>
                <div class="row">
                    <div class="form-group col-md-3">
                        <label for="order_code">Order Code</label>
                        <input type="text" name="code" id="order_code" class="form-control"
                               @if(request('code')) value="{{request
                        ('order')}}"
                               @endisset autocomplete="off" placeholder="Search for order code">
                    </div>
                    <div class="form-group col-md-3">
                        <label for="email_or_phone">Email Or Phone</label>
                        <input type="text" name="email_or_phone" id="email_or_phone" class="form-control"
                               @if(request('email_or_phone')) value="{{request
                        ('email_or_phone')}}"
                               @endisset autocomplete="off" placeholder="Search for email or phone">
                    </div>
                    <div class="form-group col-md-3">
                        <label for="customer_name">Customer Name</label>
                        <input type="text" name="customer_name" id="customer_name" class="form-control"
                               @if(request('customer_name')) value="{{request
                        ('customer_name')}}"
                               @endisset autocomplete="off" placeholder="Search for customer name">
                    </div>
                    <div class="form-group col-md-3">
                        <label for="product_name">Product Name</label>
                        <input type="text" name="product_name" id="product_name" class="form-control"
                               @if(request('product_name')) value="{{request('product_name')}}"
                               @endisset autocomplete="off" placeholder="Search for product name">
                    </div>


                    <div class="form-group col-md-3">
                        <label for="dateRange">Date Range</label>
                        <input type="text" name="dateRange" id="dateRange" class="form-control"
                               @if(request('dateRange')) value="{{request('dateRange')}}"
                               @endisset autocomplete="off" placeholder="Search for date ">
                    </div>
                    <div class="form-group col-md-2">
                        <label for="delivery_status">Delivery Status</label>
                        <select class="form-control" name="delivery_status" id="delivery_status">
                            <option value="">Filter by delivery status</option>

                            <option value="initiated"
                                    @if(request('delivery_status') == 'initiated') selected @endif >
                                Initiated
                            </option>
                            <option value="manifested"
                                    @if(request('delivery_status') == 'manifested') selected @endif >
                                Manifested
                            </option>
                            <option value="in-transit"
                                    @if(request('delivery_status') == 'in-transit') selected @endif >
                                In-Transit
                            </option>
                            <option value="Out For Delivery"
                                    @if(request('delivery_status') == 'Out For Delivery') selected @endif >
                                Out For Delivery
                            </option>
                            <option value="Returned To Consignee"
                                    @if(request('delivery_status') == 'Returned To Consignee') selected @endif >
                                Returned To Consignee
                            </option>

                            <option value="confirmed"
                                    @if(request('delivery_status') == 'confirmed') selected @endif >
                                Confirmed
                            </option>
                            <option value="cancelled"
                                    @if(request('delivery_status') == 'cancelled') selected @endif >
                                Cancelled
                            </option>
                            <option value="delivered"
                                    @if(request('delivery_status') == 'delivered') selected @endif >
                                Delivered
                            </option>
                            <option value="exception"
                                    @if(request('delivery_status') == 'exception') selected @endif >
                                Exception
                            </option>
                            <option value="on_review"
                                    @if(request('delivery_status') == 'on_review') selected @endif >
                                On Review
                            </option>
                            <option value="pending"
                                    @if(request('delivery_status') == 'pending') selected @endif >
                                Pending
                            </option>
                            <option value="return"
                                    @if(request('delivery_status') == 'return') selected @endif >
                                Return
                            </option>
                        </select>
                    </div>
                    <div class="form-group col-md-2">
                        <label for="awb_number">Awb Status</label>
                        <select class="form-control" name="awb_number" id="awb_number">
                            <option value="">Filter by awb</option>
                            <option value="exist"
                                    @if(request('awb_number') == 'exist') selected @endif >
                                Available
                            </option>
                            <option value="not-exist"
                                    @if(request('awb_number') == 'not-exist') selected @endif >
                                Not Available
                            </option>
                        </select>
                    </div>
                    <div class="form-group col-md-2">
                        <label for="shipment_service">Logistic Service</label>
                        <select class="form-control" name="shipment_service">
                            <option value="" >{{ translate('Select Logistic')}}</option>

                            @foreach(\App\ShippingService::query()->where('status',1)->get() as $logistic)
                                <option value="{{$logistic->name}}"
                                        @if(request('shipment_service') == $logistic->name) selected @endif >{{ucfirst(str_replace('_', ' ', $logistic->name))}}</option>


                            @endforeach
                            <option value="other" @if(request('shipment_service') == 'other') selected @endif >Other
                            </option>

                        </select>
                    </div>
                    <div class="form-group col-md-3">
                        <label for="awb_number">Sellers</label>
                        <select class="form-control" name="seller_id" id="seller_id">
                            <option value="">Filter by Seller</option>
                            @foreach($sellers as $seller)
                                <option value="{{$seller->id}}"
                                        @if($seller->id == request('seller_id')) selected @endif>{{ $seller->name }}</option>
                            @endforeach

                        </select>
                    </div>
                    <div class="form-group col-md-3">
                        <button type="submit" class="btn btn-primary btn-sm">Filter</button>
                        <a href="{{ route('partial.index') }}" class="btn btn-primary btn-sm">Reset</a>
                    </div>
                </div>


            </form>


            <table class="table table-striped res-table mar-no">
                <thead>
                <tr>
                    <th># NO.</th>
                    <th>Order Id</th>
                    <th>Order Date</th>
                    <th>Product Name</th>
                    <th>Qty</th>
                    <th>Customer</th>
                    <th>Customer Email</th>
                    <th>Customer Phone</th>
                    <th>AWB</th>
                    <th>Seller</th>
                    <th>Price</th>
                    <th>Status</th>
                    <th>Logistic</th>
                    <th>Options</th>

                </tr>
                </thead>
                <tbody>
                @foreach($orderDetails as $orderDetail)

                    <tr>
                        <td>{{ $loop->index + $orderDetails->firstItem() }}</td>
                        <td>{{ $orderDetail->order->code ?? 'NA' }}</td>
                        <td>@if($orderDetail->order )
                                {{ date('Y-m-d H:i:s', $orderDetail->order->date) }}
                            @else
                                'NA'
                            @endif</td>
                        <td>
                            <a href="{{ route('product', $orderDetail->product->slug) }}"
                               target="_blank">{{ $orderDetail->product->name ?? 'NA' }}</a>
                        </td>
                        <td>{{ $orderDetail->quantity ?? 'NA' }}</td>
                        <td>{{ $orderDetail->order->user->name ?? 'NA' }}</td>
                        <td>{{ $orderDetail->order->user->email ?? 'NA' }}</td>
                        <td>{{ $orderDetail->order->user->phone ?? 'NA' }}</td>
                        <td>@if($orderDetail->awb_number)
                                <a href="javascript:void(0);"
                                   onclick="show_awb_details('{{$orderDetail->awb_number}}');">{{ $orderDetail->awb_number  }}</a>
                            @else
                                NA
                            @endif</td>
                        <td>{{ $orderDetail->shop->name ?? 'NA' }}</td>
                        <td>
                            @if( !empty( $orderDetail->price) )
                                {{ single_price_new($orderDetail->price) }}
                            @else
                                'NA'
                            @endif
                        </td>

                        <td>{{ $orderDetail->delivery_status }}</td>
                        <td>{{ $orderDetail->shipment_service }}</td>
                        @if (auth()->user()->user_type == 'admin' || auth()->user()->email == config('custom.support'))
                            <td>

                                <div class="btn-group dropdown">
                                    <button class="btn btn-primary dropdown-toggle dropdown-toggle-icon"
                                            data-toggle="dropdown"
                                            type="button">
                                        Actions <i class="dropdown-caret"></i>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-right">
                                        <li>
                                            {{--<a data-toggle="modal" data-backdrop="static"
                                               data-target="#partial-cancel-model-{{$orderDetail->id}}">Cancel</a>--}}
                                            <a data-toggle="modal" data-backdrop="static"
                                               data-target="#status-modal-{{$orderDetail->id}}">Change Status</a>
                                            <a data-toggle="modal" data-backdrop="static"
                                               data-target="#cancel-modal-{{$orderDetail->id}}">Cancel Status</a>
                                            @push('modals')
                                                {{--@include('cancellation.modals.partial-cancel-order')--}}
                                                @include('cancellation.modals.change-order-status')
                                                @include('cancellation.modals.cancel-order-status')
                                                {{-- @include('cancellation.modals.full-cancel-order')--}}
                                            @endpush
                                        </li>
                                    </ul>
                                </div>
                            </td>
                        @else
                            <td>NA</td>
                        @endif
                    </tr>
                @endforeach
                </tbody>

            </table>

            {{ $orderDetails->appends(request()->input())->links() }}
        </div>


        @endsection
        @push('css')
            <link rel="stylesheet" type="text/css"
                  href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css"/>
        @endpush
        @push('script')
            <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
            <script type="text/javascript"
                    src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
            <script>
                $(function () {
                    let dateRange = $('input[name="dateRange"]');
                    dateRange.daterangepicker({
                        autoUpdateInput: false,
                        maxDate: new Date(),
                        locale: {
                            cancelLabel: 'Clear'
                        }
                    });

                    dateRange.on('apply.daterangepicker', function (ev, picker) {
                        $(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY'));
                    });

                    dateRange.on('cancel.daterangepicker', function (ev, picker) {
                        $(this).val('');
                    });
                });

                function show_awb_details(id) {
                    $.post('{{ route('awb.track') }}', {_token: '{{ @csrf_token() }}', awb: id}, function (data) {
                        $('#awb_modal #modal-content').html(data);
                        $('#awb_modal').modal('show', {backdrop: 'static'});
                    });
                }

                function show_rev_awb_details(id) {
                    $.post('{{ route('awb.rev.track') }}', {_token: '{{ @csrf_token() }}', awb: id}, function (data) {
                        $('#awb_modal #modal-content').html(data);
                        $('#awb_modal').modal('show', {backdrop: 'static'});
                    });
                }
            </script>
        @endpush
        @push('modals')
            <div class="modal fade" id="awb_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                 aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content" id="modal-content">

                    </div>
                </div>
            </div>
    @endpush