@extends('layouts.admin')
@section('content')
    <script type="text/javascript" src="{{ URL::asset('js/dataTables.min.js') }}"></script>
        <link href="{{ URL::asset('css/dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="{{ URL::asset('js/select2.min.js') }}"></script>
    <link href="{{ URL::asset('css/select2.css') }}" media="all" rel="stylesheet" type="text/css"/>

    <div class="pageheader">
        <div class="media">
            <div class="media-body">
                <h4>@lang('messages.Manage Past Order List')</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.Manage Past Orders')</li>
                </ul>

            </div>
        </div><!-- media -->
    </div><!-- pageheader -->
    <!-- will be used to show any messages -->
    {!!Form::open(array( 'method' =>'post','class'=>'tab-form attribute_form','id'=>'po_search_form'))!!}
    <div class="clearfix form-blk">
        <div class="form-inline">
            <div class="form-group filter-line">
                <label class="control-label pad-rt-15" style="display:block;">@lang('messages.PO Type')</label>
                <div class="input-group pad-rt-15">
                    <select required class="select2 form-control" id="po_type">
                    <option value="">@lang('messages.Select PO Type')</option>
                        <option value="Automatic">@lang('messages.Automatic')</option>
                        <option value="Manual">@lang('messages.Manual')</option>
                    </select>
                </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/purchase-order/past') }}'">@lang('messages.Reset')</button>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
    {!!Form::close()!!}
    @if (Session::has('message'))
        <div class="admin_sucess_common">
            <div class="admin_sucess">
                <div class="alert alert-info">
                    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span
                                class="sr-only">@lang('messages.Close')</span></button>{{ Session::get('message') }}
                </div>
            </div>
        </div>
    @endif
    <div class="clearfix"></div>
    @if(IzoCommonHelper::hasPermission('past_po_list'))
    <div class="content">
        <div class="table-responsive">
            {!!Form::open(array('class'=>'form-horizontal','id'=>'purchase_order_list_form'))!!}
            <table id="purchaseOrderslist" class="table table-striped table-bordered responsive">
                <thead>
                <tr class="headings">
                    <th>@lang('messages.Purchase Order Id')</th>
                    <th>@lang('messages.Type')</th>
                    <th>@lang('messages.Store Name')</th>
                    <th>@lang('messages.Seller Name')</th>
                    <th>@lang('messages.Seller Mobile')</th>
                    <th>@lang('messages.Created At')</th>
                    <th>@lang('messages.History')</th>
                    <th>@lang('messages.CSV')</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>
    @endif

    <script type="text/javascript">
        $('#select_all').on('change', function () {
            $('.qc').prop('checked', $(this).prop("checked"));
        });
        $('#po_type').select2();
        $('.qc').change(function () {
            if ($('.qc:checked').length == $('.qc').length) {
                $('#select_all').prop('checked', true);
            } else {
                $('#select_all').prop('checked', false);
            }
        });
        $(function () {
            token = $('meta[name="csrf-token"]').attr('content');
            var oTable = $('#purchaseOrderslist').DataTable({
                dom: 'lfrtip',
                search: {
                    'caseInsensitive': true
                },
                "lengthMenu": [[25, 50, 100], [25, 50, 100]],
                processing: true,
                serverSide: true,
                responsive: true,
                autoWidth: true,
                ajax: {
                    url: '{{ URL::to('admin/purchase-order/past/ajax-list') }}',
                    type: 'POST',
                    data: function (d) {
                        d.po_type = $('#po_type').val();
                    },
                    headers: {
                        'X-CSRF-TOKEN': token
                    }
                },
                "order": [[0, "desc"]],
                "columnDefs": [{
                    "targets": 'no-sort'
                }],
                columns: [
                    {data: 'id', name: 'id', searchable: true, orderable: true},
                    {data: 'order_type', name: 'order_type', searchable: true, orderable: true},
                    {data: 'warehouse_name_en', name: 'warehouse_name_en', searchable: true, orderable: true},
                    {data: 'seller_name', name: 'seller_name', searchable: false, orderable: false},
                    {data: 'seller_mobile_number', name: 'seller_mobile_number', searchable: true, orderable: true},
                    {data: 'created_at', name: 'created_at', orderable: false, searchable: false},
                    {data: 'history', name: 'history', orderable: false, searchable: false},
                    {data: 'csv', name: 'csv', orderable: false, searchable: false}
                ]
            });
            $('#po_search_form').on('submit', function (e) {
                oTable.draw();
                e.preventDefault();
            });
        });


    </script>

@endsection