@extends('layouts.admin')
@section('content')
<link href="{{ URL::asset('css/dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css" />
<link href="{{ URL::asset('css/select2.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>

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

<div class="clearfix form-blk top-group">
    <div class="form-inline pull-left">
        {!!Form::open(array( 'url' => 'admin/orders/outbound','method' =>'get','class'=>'tab-form attribute_form outbound_warehouse_form','id'=>'order_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" required 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 export-btn" style="margin-top:20px;display:none;">
                <button type="button" id="export" title="@lang('messages.Export')" class="btn btn-primary">@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('outbound_order_list'))
        <div role="tabpanel" class="tab-pane" id="orders_outbound">
            <div class="design-process-content">
                <div class="table-responsive">
                    {!!Form::open(array('class'=>'form-horizontal','id'=>'outboundOrdersForm'))!!}
                    <table id="outboundOrders" 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>
                                <th>@lang('messages.View')</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();
        token = $('meta[name="csrf-token"]').attr('content');
        var oTable = $('#outboundOrders').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/orders/ajax-outbound-orders') }}',
                headers: {
                    'X-CSRF-TOKEN': token
                },
                data: function (d) {
                    d.warehouse_id = $('#warehouse_id').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_mode',name: 'payment_mode',orderable: true,searchable: false},
                {data: 'status',name: 'status',orderable: true,searchable: true},
                {data: 'view',name: 'view',orderable: true}
            ]
        });


        $('#warehouse_id').on('change', function (e) {
            var warehouse_id = $('#warehouse_id').find('option:selected').val();
            if(warehouse_id != ''){
                $('.export-btn').show();
            } else {
                $('.export-btn').hide();
            }
            oTable.draw();
            e.preventDefault();
        });

        $('#export').click(function() {
            var warehouse_id = $('#warehouse_id').find('option:selected').val();
            if(warehouse_id > 0) {
                var e = "outbound/" + warehouse_id ;
                $(location).attr('href', e);
            } else {
                toastr.error('you have to select warehouse');
            }
        });
    });
</script>
<style>
    @media print {
        body  {
            font-size: 12pt;
            font-family: verdana;
        }
    }
</style>
@endsection