@extends('layouts.client')

@section('content')
<div class="formswrap">
  <section class="forms-basic consearchbasic">
    <form class="form-floating form-validate" id="invoicesearchform" name="invoicesearchform">
	{{ 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_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" 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="invoice-search" id="invoice-search" value="Search">
			<input type="hidden" name="search_clear" id="search_clear" value="">
			<input class="btn btn-sm btn-danger contbtnnew" type="button" name="invoice-clear" id="invoice-clear" value="Clear">
		</div>
	</div>
	</form>
  </section>
</div>
<div class="card">
  <div>
	<div class="datatables invoicetable">
	  <table id="invoices-table" class="table table-full table-full-small" cellspacing="0" width="100%">
		<thead>
		  <tr>
			<th>Invoice#</th>
			<th>Order#</th>
			<th>LOAD#</th>
			<th>BOL#</th>
			<th>Ship from</th>
			<th>Ship to</th>
			<th>Amount</th>
			<th>Invoice Date</th>
			<th>Pickup Date</th>
			<th>Delivery Date</th>
			<th>Pdf</th>
			<th>Actions</th>
		  </tr>
		</thead>
		<tbody>
		</tbody>
	  </table>
	</div>
  </div>
</div>
@endsection

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