@extends('layouts.admin')
@section('content')
<link href="{{ URL::asset('css/dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css" />
<link href="{{ URL::asset('plugins/export/buttons.dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css" />
<link href="{{ URL::asset('css/select2.css') }}" media="all" rel="stylesheet" type="text/css" />
<link href="{{ URL::asset('css/bootstrap-datetimepicker.min.css') }}" media="all" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="{{ URL::asset('js/dataTables.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/select2.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/moment-with-locales.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/bootstrap-datetimepicker.min.js') }}"></script>

<div class="pageheader">
    <div class="media">
        <div class="media-body">
            <h4>@lang('messages.Order Reports')</h4>
            <ul class="breadcrumb">
                <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('messages.Home')</a></li>
                <li><a href="javascript:;"><i class="fa fa-bar-chart"></i> @lang('messages.Reports')</a></li>
                <li>@lang('messages.Order Reports')</li>
            </ul>
        </div>
    </div>
</div>

<div class="clearfix form-blk">
    <div class="form-inline pull-left">
        {!!Form::open(array( 'method' =>'post','class'=>'tab-form attribute_form','id'=>'order_report_search_form'))!!}
            <div class="form-group filter-line">
                <label class="control-label pad-rt-15" style="display:block;">@lang('messages.Store')</label>
                <div class="input-group pad-rt-15">
                    <select class="select2 form-control" name="warehouse_id" id="warehouse_id">
                        @if (!empty($warehouseList))
                        <option value="">@lang('messages.Select Store')</option>
                            @foreach ($warehouseList as $id => $warehouse)
                                <option value="{{$id}}">{{$warehouse}}</option>
                            @endforeach
                        @else
                            <option value="">@lang('messages.No Store Found')</option>
                        @endif
                    </select>
                </div>
            </div>
            <div class="form-group filter-line">
                <label class="control-label pad-rt-15" style="display:block;">@lang('messages.Order Status')</label>
                <div class="input-group pad-rt-15">
                    <select class="select2 form-control" name="order_status" id="order_status">
                        @if(!empty($order_status))
                        <option value="">@lang('messages.Select Order Status')</option>
                            @foreach($order_status as $order)
                                <option value="{{ $order->id }}">{{ $order->name }}</option>
                            @endforeach
                        @else
                            <option value="">@lang('messages.No Order Status Found')</option>
                        @endif
                    </select>
                </div>
            </div>
            <div class="form-group filter-line">
                <label class="control-label pad-rt-15" style="display:block;">@lang('messages.From Date')</label>
                <div class="input-group pad-rt-15">
                    <input type="text" name="start_date" id="start_date" class="form-control" placeholder="From Date" placeholder="" value="">
                </div>
            </div>
            <div class="form-group filter-line">
                <label class="control-label pad-rt-15" style="display:block;">@lang('messages.To Date')</label>
                <div class="input-group pad-rt-15">
                    <input type="text" name="end_date" id="end_date" class="form-control" placeholder="From Date" placeholder="" value="">
                </div>
            </div>
            <div class="form-group filter-line" style="margin-top:20px;">
                <button class="btn btn-primary mr5" type="submit" name="submit" title="@lang('messages.Filter')">@lang('messages.Filter')</button>
                <button type="reset" title="@lang('messages.Reset')" class="btn btn-default" onclick="window.location='{{ url('admin/reports/orders') }}'">@lang('messages.Reset')</button>
            </div>
            <div class="form-group filter-line" style="margin-top:20px;">
                <button class="btn btn-primary mr5" type="submit" name="export" id="export" title="@lang('messages.Filter')">@lang('messages.Export')</button>
            </div>
        {!!Form::close()!!}
    </div>
</div>
<div class="clearfix"></div>

<div class="col-md-12">
    <div class="card order-page">
        @if(IzoCommonHelper::hasPermission('order_reports'))
        <div role="tabpanel" class="tab-pane" id="orders_packed">
            <div class="design-process-content">
                <div class="table-responsive">
                    {!!Form::open(array('class'=>'form-horizontal','id'=>'OrdersReportsForm'))!!}
                    <input type="hidden" name="warehouse_name" id="warehouse_name" value="">
                    <table id="OrdersReport" class="table table-striped table-bordered responsive">
                        <thead>
                            <tr class="headings">
                                <th>@lang('messages.Order Id')</th>
                                <th>@lang('messages.Customer Name')</th>
                                <th>@lang('messages.Store Name')</th>
                                <th>@lang('messages.Order Date')</th>
                                <th>@lang('messages.Grand Total')</th>
                                <th>@lang('messages.Delivery Charge')</th>
                                <th>@lang('messages.Picker Name')</th>
                                <th>@lang('messages.Promocode')</th>
                                <th>@lang('messages.Scheduled Date/Time')</th>
                                <th>@lang('messages.Collected Amount')</th>
                                <th>@lang('messages.Payment Mode')</th>
                                <th>@lang('messages.Status')</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="empty-text" colspan="12" style="background-color: #fff!important;">
                                    <div class="list-empty-text text-center"> @lang('messages.No records found.') </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    {{ Form::close() }}
                </div>
            </div>
        </div>
        @endif
    </div>
</div>

<script>
    $(function () {
        $("#warehouse_id").select2();
        $("#order_status").select2();
        //Datepicker
        var nowDate = new Date();
        var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
        $('#start_date').datetimepicker({
            // minDate: today,
            format: 'DD-MM-YYYY',
        });
        $('#end_date').datetimepicker({
            //  minDate: today,
            format: 'DD-MM-YYYY',
        });
        $(".datepicker-trigger").on("click", function () {
            $("#start_date").datetimepicker("show");
            $("#end_date").datetimepicker("show");
        });
        @php $from_date = date("d-m-Y", strtotime("-3 day"));
        $to_date   = date("d-m-Y"); @endphp
        $('#start_date').val('');
        $('#end_date').val('');

        token = $('meta[name="csrf-token"]').attr('content');
        var oTable = $('#OrdersReport').DataTable({
            dom: 'lfrtip',
            search: {
                'caseInsensitive': true
            },
            "lengthMenu": [
                [25, 50, 100],
                [25, 50, 100]
            ],
            processing: true,
            serverSide: true,
            responsive: true,
            autoWidth: false,
            destroy: true,
            ajax: {
                url: '{{ URL::to('admin/reports/ajax-orders') }}',
                headers: {
                    'X-CSRF-TOKEN': token
                },
                data: function (d) {
                    d.warehouse_id = $('#warehouse_id').val();
                    d.order_status = $('#order_status').val();
                    d.start_date   = $('#start_date').val();
                    d.end_date     = $('#end_date').val();
                }
            },
            "order": [
                [0, "desc"]
            ],
            columns: [
                {data: 'id',name: 'id',searchable: true,orderable: false},
                {data: 'customer_name',name: 'customer_name',searchable: true,orderable: true},
                {data: 'warehouse_name_en',name: 'warehouse_name_en',searchable: true,orderable: true},
                {data: 'OrderDate',name: 'OrderDate',searchable: true,orderable: true},
                {data: 'grand_total',name: 'grand_total',searchable: true,orderable: true},
                {data: 'delivery_charge',name: 'delivery_charge',searchable: true,orderable: true},
                {data: 'picker_full_name',name: 'picker_full_name',searchable: true,orderable: true},
                {data: 'promo_code',name: 'promo_code',orderable: true,searchable: true},
                {data: 'date',name: 'date',orderable: true,searchable: false},
                {data: 'collected_amount',name: 'collected_amount',orderable: true,searchable: false},
                {data: 'payment_name',name: 'payment_name',orderable: true,searchable: false},
                {data: 'status',name: 'status',orderable: true,searchable: true},
            ]
        });

        $('#order_report_search_form').submit(function (e) {
            oTable.draw();
            e.preventDefault();
        });
    });

    $('#export').click(function(e) {
        e.preventDefault();
        var warehouse_id = $('#warehouse_id').find('option:selected').val();
        var order_status = $('#order_status').find('option:selected').val();
        var start_date = $('#start_date').val();
        var end_date = $('#end_date').val();
        warehouse = warehouse_id == '' ? 'empty' : warehouse_id;
        order = order_status == '' ? 'empty' : order_status;
        start = start_date == '' ? 'empty' : start_date;
        end = end_date == '' ? 'empty' : end_date;
        var e = "export-orders/" + warehouse + "/" + order + "/" + start + "/" + end;
        $(location).attr('href', e);
    });
</script>
@endsection