@extends('layouts.adminLayout.admin_design')
@section('content')
<div class="content-wrapper"> 
    <section class="content-header">
        <h1>{{ $title }}</h1>
        <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> {{ __('lbl.home') }}</a></li>
            <li class="active">{{ $title }}</li>
        </ol>
    </section>
    <section class="content">
        <div class="box box-default">
                <div class="box-tools pull-right">
                </div> 
                <div class="box-body">
                    <table class="table table-bordered" id="listpicklist"> 
                        <thead>
                            <tr>
                                <th>{{ __('lbl.id') }}</th>
                                <th class="text-center">{{ __('lbl.vendor_name') }}</th>
                                <th class="text-center">{{ __('lbl.purchase_order_grand_total') }}</th>
                                <th class="text-center">{{ __('lbl.purchase_order_created_date') }}</th>
                                <th class="text-center">{{ __('lbl.purchase_order_finalized_by') }}</th>
                                <th class="text-center">{{ __('lbl.picklist_status') }}</th>
                                <th class="text-center">{{ __('lbl.purchase_order_invoice_status') }}</th> 
                                <th>{{ __('lbl.action') }}</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
    </section>
</div>
{{Form::hidden("picklisturl",route('picklist'),['id'=>'picklisturl'])}}
@endsection

<script id="productItems" type="text/x-handlebars-template">
    @verbatim
    <table class="table productItems-table" id="productItems-{{id}}">
        <thead>
            <tr>
                <th style="width:10%" class="no-sort"></th>
                <th style="width:10%" class='text-left'>Bin</th>
                <th style="width:10%" class='text-left'>SKU</th>
                <th style="width:10%" class='text-left'>Bar Code</th>
                <th style="width:10%">Product Name</th>
                <th style="width:10%" class='text-left'>Qty Requested</th>
                <th style="width:10%" class='text-left'>UOM</th>
                <th style="width:10%" class='text-left'>Qty Picked</th>
                <th style="width:10%" class='text-left'>Cost</th>
                <th style="width:10%" class='text-left'>Total</th>
                <th style="width:10%" class='text-center'>Action</th>
                <th style="width:8%" class="no-sort"></th>
            </tr>
        </thead>
    </table>
    @endverbatim
</script>

@section('pagescript')
{!! Helper::datatablelib('purchaseorder/picklist.js') !!}
{!! Helper::pagejs([ 'js/lib/datatables.net/js/jquery.dataTables.min.js', 'js/lib/datatables.net-bs/js/dataTables.bootstrap.min.js',
'js/lib/datatables.net/js/handlebars.js', 'js/lib/tags/bootstrap-tagsinput.min.js' ]) !!}
{!! Helper::pagejs(['js/lib/select2/dist/js/select2.full.min.js']) !!}
@stop