@extends('layouts.admin')

@section('content')
<div class="formswrap">
  <section class="forms-basic consearchbasic">
    <form class="form-floating form-validate" id="invoicedloadsearchform" name="invoicedloadsearchform">
	{{ csrf_field() }}
	<div class="row m-b-40">
	  <div class="col-md-12">
		<div class="well white consearcheight">
			<fieldset>
				<input type="hidden" name="search" id="search" value="true">
				<div class="form-group col-md-6 padding-left">
					<label for="search_from_date" class="control-label">FROM DATE</label>
					<input type="text" class="form-control datepicker" name="search_from_date" id="search_from_date" value="@if(isset($searchData['from_date'])){{ $searchData['from_date']}}@endif">
				</div>
				<div class="form-group col-md-6 padding-left">
					<label for="search_to_date" class="control-label">TO DATE</label>
					<input type="text" class="form-control datepicker" name="search_to_date" id="search_to_date" value="@if(isset($searchData['to_date'])){{ $searchData['to_date']}}@endif">
				</div>
				<div class="clearfix"></div>
				<div class="form-group" style="margin-top: 15px;">
					<label for="search_invoice" class="control-label">INVOICE#</label>
					<input type="text" class="form-control" name="search_invoice" id="search_invoice" value="@if(isset($searchData['invoice'])){{ $searchData['invoice']}}@endif">
				</div>
				<div class="form-group">
					<label for="search_order" class="control-label">ORDER#</label>
					<input type="text" class="form-control" name="search_order" id="search_order" value="@if(isset($searchData['order'])){{ $searchData['order']}}@endif">
				</div>
				<div class="form-group">
					<label for="search_po" class="control-label">PO#</label>
					<input type="text" class="form-control" name="search_po" id="search_po" value="@if(isset($searchData['po'])){{ $searchData['po']}}@endif">
				</div>
				<div class="form-group">
					<label for="search_load" class="control-label">LOAD#</label>
					<input type="text" class="form-control" name="search_load" id="search_load" value="@if(isset($searchData['load'])){{ $searchData['load']}}@endif">
				</div>
				<div class="form-group">
					<label for="search_bol" class="control-label">BOL#</label>
					<input type="text" class="form-control" name="search_bol" id="search_bol" value="@if(isset($searchData['bol'])){{ $searchData['bol']}}@endif">
				</div>
				<div class="form-group">
					<label for="search_client" class="control-label">CLIENT</label>
					<input type="text" class="form-control" name="search_client" id="search_client" value="@if(isset($searchData['client'])){{ $searchData['client']}}@endif">
				</div>
				<div class="form-group" style="margin-top: 35px;">
					<label for="search_status" class="control-label normal status-select">STATUS</label>
					<select name="search_status" id="search_status" class="form-control">
						<option value="">All</option>
						<option value="PAID" @if((isset($searchData['status'])) && ($searchData['status'] == 'PAID')) selected @endif>Paid</option>
						<option value="UNPAID" @if((isset($searchData['status'])) && ($searchData['status'] == 'UNPAID')) selected @endif>Unpaid</option>
					</select>
				</div>
			</fieldset>
		</div>
	  </div>
	<div class="newcontbtn">
			<input class="btn btn-sm btn-danger contbtnnew" type="submit" name="invoicedload-search" id="invoicedload-search" value="Search">
			<input type="hidden" name="search_clear" id="search_clear" value="">
			<input class="btn btn-sm btn-danger contbtnnew" type="button" name="invoicedload-clear" id="invoicedload-clear" value="Clear">
			{!! AuthUser::canExport('admin/invoicedload/export', 'invoicedload-export') !!}
		</div>
	</div>
	</form>
  </section>
</div>
<div class="card">
  <div>
	<div class="datatables shipmenttable">
	  <table id="invoicedloads-table" class="table table-full table-full-small" cellspacing="0" width="100%">
		<thead>
		  <tr>
		    <th></th>
			<th>Invoice#</th>
			<th>BOL#</th>
			<th>LOAD#</th>
			<th>Order#</th>
			<th>PO#</th>
			<th>Ship from</th>
			<th>Ship to</th>
			<th>Client</th>
			<th>Amount</th>
			<th>Invoice Date</th>
			<!-- <th>Invoice Status</th> -->
			<th>Pdf</th>
			<th>Email</th>
			<th>Actions</th>
		  </tr>
		</thead>
		<tbody>
		</tbody>
	  </table>
	</div>
  </div>
  <div class="newcontbtn">
  <input class="btn btn-sm btn-danger" id="generate-invoices" type="button" name="generate-invoices" value="PRINT INVOICES" />
  </div>
</div>

<style>
.status-select{
	padding-bottom: 0px !important;
}

select.inbevreviewloadstatus{
	font-size: 14px;
    padding-right: 15px;
    margin-right: 10px;
}
</style>

@endsection

@section('scripts')
<script charset="utf-8" src="{{asset('backend/js/services/invoicedloads.js?v=1.0')}}"></script>
<script charset="utf-8" src="{{asset('backend/js/services/orderListCommon.js')}}"></script>
@endsection