@extends('layouts.admin')

@section('content')

<div style="margin-bottom: 10px;" class="row">
    <div class="row col-lg-12 mx-2">
        <a class="btn btn-success" href="{{ route("admin.orders.create") }}">
            {{ trans('global.add') }} {{ trans('global.order.title_singular') }}
        </a>
        <form action="{{ route('admin.tasks') }}" method="post" class="col-lg-2">
            @csrf
            <input type="hidden" name="page" value="{{request()->page ?? 1}}">
            @if( Request::get('order_status') )
            <input type="hidden" name="order_status" value="{{ Request::get('order_status') }}">
            @endif
            @if( Request::get('order_start_date') )
            <input type="hidden" name="order_start_date" value="{{ Request::get('order_start_date') }}">
            @endif
            @if( Request::get('order_end_date') )
            <input type="hidden" name="order_end_date" value="{{ Request::get('order_end_date') }}">
            @endif
            <button type="submit" class="btn btn-success">Export</button>
        </form>
    </div>
    </div>

@if ($message = Session::get('success'))
    <div class="alert alert-success alert-block my-3">
        <button type="button" class="close" data-dismiss="alert">×</button>
        <strong>{{ $message }}</strong>
    </div>
@endif

@if ($message = Session::get('error'))
    <div class="alert alert-danger alert-block my-3">
        <button type="button" class="close" data-dismiss="alert">×</button>
        <strong>{{ $message }}</strong>
    </div>
@endif

<div class="card">
    <div class="card-header">
        {{ trans('global.order.title_singular') }} {{ trans('global.list') }}
    </div>
    <div class="card-body">

        <div class="row mb-3">
            <div class="col-2">
                <select class="form-control" name="order_status" id="order_status" style="font-size: 15px;">
                    <option value="">Order Status</option>
                    @foreach (App\Order::ORDER_STATUS as $key=>$value)
                        <option value="{{$key}}" {{ (Request::get('order_status') == $key) ? 'selected' : '' }}>{{$value}}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-2">
                <input class="form-control" type="text" autocomplete="off" placeholder="Order Start Date" id="order_start_date" value="{{old('order_start_date',request()->order_start_date)}}" name="order_start_date">
            </div>
            <div class="col-2">
                <input class="form-control" type="text" autocomplete="off" placeholder="Order End Date" id="order_end_date" value="{{old('order_end_date',request()->order_end_date)}}" name="order_end_date">
            </div>
            <div class="col-1">
                <a href="{{route('admin.orders.index')}}" class="btn btn-md btn-success"><span class="fa fa-sync" style="font-size: 17px;"></span></a>
            </div>
        </div>

        <div class="table-responsive">
            <table class="table table-bordered table-striped table-hover">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>{{ trans('global.customer.title_singular') }}</th>
                        <th>{{ trans('global.product.title_singular') }}</th>
                        <th>{{ trans('global.order.fields.order_address') }}</th>
                        <th>{{ trans('global.order.fields.order_email') }}</th>
                        <th>{{ trans('global.order.fields.order_start_date') }}</th>
                        <th>{{ trans('global.order.fields.order_status') }}</th>
                        <th>Promotion Code</th>
                        <th>Payment Method</th>
                        <th></th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($orders as $key => $order)
                        <tr data-entry-id="{{ $order->id }}">
                            <td>{{ $orders->firstItem() + $key }}</td>
                            <td>
                                {{-- @if($order->customer_id) --}}
                                    {{ $order->customer->first_name ?? '' }} {{  $order->customer->last_name ?? '' }}
                                {{-- @else
                                    {{ $order->customer_first_name ?? '' }} {{  $order->customer_last_name ?? '' }}
                                @endif --}}
                            </td>

                            <td>
                                {{ $order->orderProducts[0]->product->name_en ?? '-' }}
                            </td>
                            <td>{{ $order->orderShipping->shipping_address ?? '' }}</td>
                            <td>{{ $order->orderShipping->shipping_email ?? '' }}</td>
                            <td>{{ date('m-d-Y',strtotime($order->created_at)) ?? '' }}</td>
                            <td> {{ App\Order::ORDER_STATUS[$order->order_status] }} </td>
                             <td>{{ $order->promo_code ?? '' }}</td>
                              
                                  @php
                                  $payment =  $order->payment_id ;
                                  @endphp
                                  @if($payment==1)
                                  <td>COD</td>
                                  @elseif($payment==2)
                                  <td>
                                  MPU {{ $order->orderShipping->status ?? '' }}
                                  </td>
                                  @elseif($payment==4)
                                  <td>
                                  KBZPay
                                  </td>
                                  @elseif($payment==5)
                                  <td>
                                  Wave Pay
                                  </td>
                                  @elseif($payment==3)
                                  <td>Visa/JCB</td>
                                  @else
                                  <td>-</td>
                                  @endif
                            <!-- <td>{{ number_format($order->sub_total) ?? '' }}</td> -->
                            <td>
                                <form action="{{ route('admin.orders.sendmail', $order->id) }}" method="POST">
                                    @csrf
                                    <button type="submit" class="btn btn-success btn-xs mt-2"><i class="fas fa-paper-plane"></i></button>
                                </form>
                            </td>
                            <td class="text-nowrap">
                                <a href="{{ route('admin.orders.show', $order->id) }}" class="btn btn-xs btn-primary">
                                    {{ trans('global.view') }}
                                </a>
                                <a href="{{ route('admin.orders.edit', $order->id) }}" class="btn btn-xs btn-info">
                                    {{ trans('global.edit') }}
                                </a>
                                <form action="{{ route('admin.orders.destroy', $order->id) }}" method="POST" onsubmit="return confirm('{{ trans('global.areYouSure') }}');" style="display: inline-block;">
                                    <input type="hidden" name="_method" value="DELETE">
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                    <input type="submit" class="btn btn-xs btn-danger" value="{{ trans('global.delete') }}">
                                </form>
                                <a href="{{ url('admin/order-invoice', $order->id) }}" target="_blank" class="btn btn-xs btn-secondary">
                                    Invoice
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            <div style="display: flex; float: right;">
                {{ $orders->appends(request()->all())->links('admin.orders.custom-pagination') }}
            </div>
        </div>
    </div>
</div>

@endsection

@section('scripts')
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script>
        $(function () {
            let deleteButtonTrans = '{{ trans('global.datatables.delete') }}'
            let deleteButton = {
                text: deleteButtonTrans,
                url: "{{ route('admin.products.massDestroy') }}",
                className: 'btn-danger',
                action: function (e, dt, node, config) {
                var ids = $.map(dt.rows({ selected: true }).nodes(), function (entry) {
                    return $(entry).data('entry-id')
                });

                if (ids.length === 0) {
                    alert('{{ trans('global.datatables.zero_selected') }}')

                    return
                }

                if (confirm('{{ trans('global.areYouSure') }}')) {
                    $.ajax({
                        headers: {'x-csrf-token': _token},
                        method: 'POST',
                        url: config.url,
                        data: { ids: ids, _method: 'DELETE' }})
                        .done(function () { location.reload() })
                    }
                }
            }
            let dtButtons = $.extend(true, [], $.fn.dataTable.defaults.buttons)

            $('.datatable:not(.ajaxTable)').DataTable({ buttons: dtButtons })
        })

        $(document).ready(function(){
            $('#order_start_date').datepicker({dateFormat : 'yy-mm-dd'});
            $('#order_end_date').datepicker({dateFormat : 'yy-mm-dd'});
            $(document).on('change','#order_status, #order_end_date', function(){
                $( "#order_start_date" ).datepicker();
                $( "#order_end_date" ).datepicker();
                var order_status  =$('#order_status').val();
                var order_start_date  =$('#order_start_date').val();
                var order_end_date  =$('#order_end_date').val();
                var url = "{{route('admin.orders.index')}}?order_status="+ order_status + "&order_start_date=" + order_start_date + "&order_end_date=" + order_end_date;
                if (url) {
                    window.location = url;
                }
                return false;
            });
        });
        function exportTasks(_this) {
            let _url = $(_this).data('href');
            window.location.href = _url;
        }
    </script>
    
@endsection