@php
$layout = (isSeller()) ? 'layouts.seller' : 'layouts.admin';
@endphp
@extends($layout)

@section('content')
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            <p>{!! __('orders.order') !!}</p>
        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    @php
                    $routeDashboard = (isSeller()) ?  route('seller.dashboard', getStoreSlug()): route('admin.dashboard');
                    @endphp
                    <li class="breadcrumb-item"><a href="{!! $routeDashboard !!}">{!! __('common.home') !!}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{!! __('orders.order') !!}</li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    <div class="row">
        <div class="col-12">
            <div class="round-white-bg box-shadow">
                <div class="row">
                    <div class="col-12">
                        <div class="table-filters1">
                            @php
                            $orderRoute = (isSeller()) ?  'seller.order.index': 'orders.index';
                            @endphp
                        {!! Form::open(array('route' => $orderRoute, 'method' => 'GET','class'=>'filter_form mobile_filter col-md-12')) !!}
                            <div class="row filters_list">
                                {{--<div class="col-md-2 filters">
                                    <div class="form-group custom-input-group custom-input-group-small">
                                        {!! Form::label("from",__('orders.from'), []) !!}
                                        {!! Form::text("from", (isset($_GET['from'])?dateFormat($_GET['from'],SHOW_DATE):''), ['class'=>'form-control p-3 datepicker-input']) !!}
                                    </div>
                                </div>

                                <div class="col-md-2 filters">
                                    <div class="form-group custom-input-group custom-input-group-small">
                                        {!! Form::label("to", __('orders.to'), []) !!}
                                        {!! Form::text("to", (isset($_GET['to'])?dateFormat($_GET['to'],SHOW_DATE):''), ['class'=>'form-control datepicker-input']) !!}
                                    </div>
                                </div>--}}

                                <div class="col-md-3 filters">
                                    <div class="form-group custom-input-group custom-input-group-small date-form-control">
                                        {!! Form::label("date", __('report.date') ,['class' => 'first-column']) !!}
                                        <div class="orders_dt_picker_range"
                                             style="background: #fff; cursor: pointer; padding: 8px 6px; border: 1px solid #ccc; width: 100%;height: 40px;">
                                        </div>
                                        {!! Form::hidden('from', isset($_GET['from'])?$_GET['from'] : '', ['id' => 'from']) !!}
                                        {!! Form::hidden('to', isset($_GET['to'])?$_GET['to'] : '', ['id' => 'to']) !!}
                                    </div>
                                </div>

                                @if(isSeller() <=0)
                                    <div class="col-md-3 filters">
                                        {!! Form::label("store_name", __('orders.store_name'), ['class' => 'first-column']) !!}
                                        {!! Form::select('store[]', $stores, (isset($_GET['store'])?$_GET['store']:''), ['class'=>'form-control select2 second-column store-box','multiple'=>true]) !!}
                                    </div>
                                @endif

                                <div class="col-md-2 filters">
                                    {!! Form::label("delivery_type", __('orders.delivery_type'), ['class' => 'first-column']) !!}
                                    {!! Form::select('delivery_type[]', deliveryType(), (isset($_GET['delivery_type'])?$_GET['delivery_type']:''), ['class'=>'form-control select2 second-column','multiple'=>true]) !!}
                                </div>

                                <div class="col-md-3 filters">

                                    {!! Form::label("status", __('orders.order_status'), ['class' => 'first-column']) !!}
                                    {!! Form::select('status[]',orderStatus(), (isset($_GET['status'])?$_GET['status']:''), ['class'=>'form-control select2 second-column','multiple'=>true]) !!}
                                </div>

                                <div class="col-md-3 filters">

                                    {!! Form::label("payment_status",__('orders.payment_status'), ['class' => 'first-column']) !!}
                                    {!! Form::select('payment_status[]',paymentStatus(), (isset($_GET['payment_status'])?$_GET['payment_status']:''), ['class'=>'form-control select2 second-column','multiple'=>true]) !!}
                                </div>
                                <div class="col-md-3 filters">
                                    {!! Form::label("payment_method", __('orders.payment_method'), ['class' => 'first-column']) !!}
                                    {!! Form::select('payment_method[]',paymentMethodDropdown(),(isset($_GET['payment_method'])?$_GET['payment_method']:'') , ['class'=>'form-control select2 second-column','multiple'=>true]) !!}
                                </div>
                                <div class="col-md-2 filters">
                                    {!! Form::label("order_from", __('report.platform'), ['class' => 'first-column']) !!}
                                    {!! Form::select('order_from[]',orderFrom(), (isset($_GET['order_from'])?$_GET['order_from']:''), ['class'=>'form-control select2 second-column','multiple'=>true]) !!}
                                </div>
                                <div class="col-md-3 filters __filter_actions d-flex">
                                    {{--<div class="__filter_actions">--}}
                                        <input type="submit" class="btn btn-primary btn_sub search-btn" value="{{ __('orders.search') }}">
                                        <a href="{{ route( $orderRoute ) }}" class="btn btn-primary ml-1 reset-btn">{!! __('orders.reset') !!}</a>
                                    {{--</div>--}}
                                </div>
                            </div>
                  {!! Form::close() !!}

                        </div>
                        <div class="table-responsive">
                            @php
                            $paginateRoute = (isSeller()) ?  route('seller.order.paginate'): route('orders.paginate');
                            @endphp
                            <table id="dTable" data-url="{{$paginateRoute}}" class="striped-table w-100 custom-datatable font13">
                                <thead>
                                    <tr>
                                        <th class="font-medium font13 no-sort">{{ __('common.sr-no') }}</th>
                                        <th width="9%" class="font-medium font13">{{ __('orders.id') }}</th>
                                        <th width="10%" class="font-medium font13">{{ __('orders.name') }}</th>
                                        @if(isSeller() <= 0)
                                            <th class="font-medium font13">{{ __('orders.store_name') }}</th>
                                        @endif
                                        <th width="10%" class="font-medium font13">{{ __('orders.total_price') }}</th>
                                        {{--<th class="font-medium font13">{{ __('orders.rider') }}</th>--}}
                                        <th class="font-medium font13" width="15%">{{ __('orders.delivery_type') }}</th>
                                        <th class="font-medium font13">{{ __('orders.status') }}</th>
                                        <th class="font-medium font13">{{ __('orders.payment_status') }}</th>
                                        <th class="font-medium font13 no-sort">{{ __('common.created-on') }}</th>
                                        <th class="font-medium font13 no-sort">{{ __('orders.view_order') }}</th>
                                    </tr>
                                </thead>
                                <tbody class="text-muted font-medium">

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script')

    <script>
        $(document).ready(function(){
        if($('.orders_dt_picker_range').length > 0){
            var start = "{!! getStartEnd(true) !!}" ;
            var end ="{!! getStartEnd(true) !!}" ;

            @if(isset($_GET['from']))
                start = "{{ $_GET['from'] }}";
                end ="{{ $_GET['to'] }}";
            @endif

            let minY = "{!! dateFormat(getMinMaxDates()['start'],'d-m-Y') !!}";
            let maxY = "{!! dateFormat(getMinMaxDates()['end'],'d-m-Y') !!}";
            console.log(minY,maxY);
            showPicker(start,end,'.orders_dt_picker_range',0,minY,maxY);
        }
        });
    </script>

@endsection