@extends('backend.layouts.app')

@section('title', $data['p_heading'])


@section('content')


    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-header">
                    <div class="float-left pt-2"><strong>{{ $data['p_heading'] }}</strong></div>
                    {{--<div class="float-right"><button class="btn btn-info" onclick="location.href='{{ route('admin.groups.create') }}';"><i class="fa fa-plus"></i> Create Review</button></div>--}}
                </div><!--card-header-->
                <div class="card-body">




                    <div>
                        <div class="float-left"><p>{{ $data['p_description'] }}</p></div>
                        <div class="float-right"><a href="javascript:;" onclick="$('#div_search').toggle()" class="btn btn-danger btn-sm">Filter</a></div>
                        <div class="clearfix"></div>
                    </div>

                    <div id="div_search" @if(Request::input('search') == '') style="display: none;" @endif class="pt-2 pb-2">

                        {!! Form::open(array('route' => 'admin.orders.index', 'method' => 'GET')) !!}

                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('name', 'Ship-to Name:') !!}
                                    {!! Form::text('name', Request::input('name'),['class'=>'form-control', 'placeholder'=>'Enter name ...', 'onblur' => 'ajax_request();']) !!}
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('email', 'Email Address:') !!}
                                    {!! Form::text('email', Request::input('email'),['class'=>'form-control', 'placeholder'=>'Enter email address ...', 'onblur' => 'ajax_request();']) !!}
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('address', 'Address:') !!}
                                    {!! Form::text('address', Request::input('address'),['class'=>'form-control', 'placeholder'=>'Enter Address ...']) !!}
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('company', 'Company Name:') !!}
                                    {!! Form::text('company', Request::input('company'),['class'=>'form-control', 'placeholder'=>'Enter Company Name ...']) !!}
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('sku', 'Product SKU / Name:') !!}
                                    {!! Form::text('sku', Request::input('sku'),['class'=>'form-control', 'placeholder'=>'Enter Product SKU or Name ...']) !!}
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('ups_tracking_id', 'Shipping Tracking ID:') !!}
                                    {!! Form::text('ups_tracking_id', Request::input('ups_tracking_id'),['class'=>'form-control', 'placeholder'=>'Enter Tracking ID ...']) !!}
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('transaction_id', 'Payment Transaction ID:') !!}
                                    {!! Form::text('transaction_id', Request::input('transaction_id'),['class'=>'form-control', 'placeholder'=>'Enter Payment Transaction ID ...']) !!}
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('order_status', 'Select Status:') !!}
                                    {!! Form::select('order_status[]', \App\Models\Order::$statuses, Request::input('order_status'), ['class'=>'form-control select2', 'multiple', 'style="width:100%;"']) !!}
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('start_date', 'Start Date:') !!}
                                    {!! Form::date('start_date', Request::input('start_date'),['class'=>'form-control', 'placeholder'=>'Order Start Date ...']) !!}
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('end_date', 'End Date:') !!}
                                    {!! Form::date('end_date', Request::input('end_date'),['class'=>'form-control', 'placeholder'=>'Order End Date ...']) !!}
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('order_from', 'Order Origin:') !!}
                                    {!! Form::select('order_from', $data['order_from'], Request::input('order_from'), ['class'=>'form-control']) !!}
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('order_id', 'Order ID / Number:') !!}
                                    {!! Form::text('order_id', Request::input('order_id'),['class'=>'form-control', 'placeholder'=>'Order ID / Number ...']) !!}
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group float-right pt-4">
                                    <a href="javascript:;" onclick="$('#div_search').toggle();" class="btn btn-link">Cancel</a> <button type="submit" class="btn btn-info">Apply Filters</button>
                                </div>
                            </div>
                        </div>

                        {{ Form::hidden('search', 'true') }}


                        {!! Form::close() !!}

                    </div>



                    @if(sizeof($data['orders']) > 0)


                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <tbody><tr>
                                        <th width="5%">ID</th>
                                        <th width="15%">Customer Name</th>
                                        <th width="20%">Ship-to Name</th>
                                        <th width="15%">Grand Total</th>
                                        <th width="15%">Purchase Date</th>
                                        <th width="10%">City / Zip</th>
                                        <th width="10%">Status</th>
                                        <th width="10%">Actions</th>
                                    </tr>
                                    @foreach($data['orders'] as $order)
                                        <tr>
                                            <td>{{ $order->id }}</td>
                                            <td>{{ \App\Models\Customer::getCustomerName($order->customer_id) }}</td>
                                            <td>{{ $order->first_name . ' ' . $order->last_name }}
                                                <br><em>{{ $order->email }}</em>
                                            </td>
                                            <td>${{ number_format($order->grand_total, 2) }}</td>
                                            <td>{{ $order->created_at }}</td>
                                            <td>{{ $order->city . ' / ' . $order->zip_code }}</td>
                                            <td>{{ \App\Models\Order::$statuses[$order->order_status] }}</td>
                                            <td>
                                                <a class="btn btn-primary btn-sm" href="{{ route('admin.orders.show', $order->id) }}"><i class="fa fa-eye"></i></a>
                                                {{--<form method="POST" style="display: inline-block" action="{{ route('admin.orders.destroy', $order->id) }}" onsubmit="return window.confirm('Are you sure, you want to delete this record?');">
                                                    @method('DELETE')
                                                    @csrf
                                                    <button type="submit" class="btn btn-danger btn-sm"><i class="fa fa-trash "></i></button>
                                                </form>--}}
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>


                            <div class="clearfix">
                                <div class="pagination pagination-sm no-margin pull-right">
                                    {!! $data['orders']->appends(request()->input())->links() !!}
                                </div>

                            </div>

                    @else
                        <strong>Sorry!</strong>, no orders found.
                    @endif



                </div><!--card-body-->
            </div><!--card-->
        </div><!--col-->
    </div><!--row-->






@stop