@extends('layouts.admin')

@section('content')
<div class="row m-b-40" id="contract-main-box">
	<div class="paymentstabs">
		<div class="col-md-2 tabhead newtabactive" id="approved-tab">
			<p>APPROVED</p>
		</div>
		<div class="col-md-2 tabhead" id="onhold-tab">
			<p>ON HOLD</p>
		</div>
		<div class="clearfix"></div>
		{{ csrf_field() }}
	</div>
	<div class="newtab_data tab_open" id="approved-tab">
		<div class="card">
		  <div>
			<div class="datatables approvedtable">
			  <table id="approved-table" class="table table-full table-full-small" cellspacing="0" width="100%">
				<thead>
				  <tr>
					<th></th>
					<th>Order#</th>
					<th>Invoice#</th>
					<th>BOL#</th>
					<th>Carrier</th>
					<th>Agent</th>
					<th>Agent Pay Amount</th>
					<th>In Syncada</th>
					<th>Paperwork</th>
					<th>Actions</th>
				  </tr>
				</thead>
				<tbody>
				</tbody>
			  </table>
			</div>
		  </div>
		  <div class="clearfix"></div>
		  <div class="newcontbtn">
			<input class="btn btn-sm btn-danger" id="generate-bill" type="button" name="generate-bill" value="GENERATE BILL" />
			<input class="btn btn-sm btn-danger" id="put-on-hold" type="button" name="put-on-hold" value="PUT ON HOLD" />
		  </div>
		</div>
		<div class="clearfix"></div>
	</div>
	<div class="newtab_data" id="onhold-tab">
		<div class="card">
		  <div>
			<div class="datatables onholdtable">
			  <table id="onhold-table" class="table table-full table-full-small" cellspacing="0" width="100%">
				<thead>
				  <tr>
					<th></th>
					<th>Order#</th>
					<th>Invoice#</th>
					<th>BOL#</th>
					<th>Carrier</th>
					<th>Agent</th>
					<th>Agent Pay Amount</th>
					<th>Reason</th>
					<th>In Syncada</th>
					<th>Paperwork</th>
					<th>Actions</th>
				  </tr>
				</thead>
				<tbody>
				</tbody>
			  </table>
			</div>
		  </div>
		  <div class="clearfix"></div>
		  <div class="newcontbtn">
			<input class="btn btn-sm btn-danger" id="approve-for-payment" type="button" name="approve-for-payment" value="APPROVE FOR PAYMENT" />
			<input class="btn btn-sm btn-danger" id="email-carrier-paperwork" type="button" name="email-carrier-paperwork" value="EMAIL CARRIER FOR PAPERWORK" />
		  </div>
		</div>
	</div>
	<div class="card" id="settlementresult">
	</div>
</div>

<!-- Rates Modal -->
<div class="modal fade" id="reasonModal" role="dialog">
	<div class="modal-dialog">
	  <div class="modal-content">
		<div class="modal-header">
		  <button type="button" class="close" data-dismiss="modal">&times;</button>
		  <h4 class="modal-title firstTime" id="reasonmodal-title" style="font-size: 35px;">On Hold Reason</h4>
		</div>
		<form class="form-floating form-validate form-ajax" id="reasonform" name="reasonform">
		<div class="modal-body">
			  <div class="col-md-12">
				<fieldset>
					<div class="form-group" id="hold-reason" style="width:538px;margin-top: 35px;">
						<label for="_state" class="control-label normal">State</label>
						{!! FormField::select('reason', $onHoldReasons, null, true, 'Please Select') !!}
					</div>
				</fieldset>
			  </div>
			  <div class="clearfix"></div>
		</div>
		<div class="modal-footer firstTime_footer">
		  <input class="btn btn-sm btn-danger" type="submit" name="Submit" value="Submit" id="rate-save"></input>
		</div>
		</form>
	  </div>  
	</div>
</div>
<!-------------------->

<!-- Agent Update Modal -->
<div class="modal fade" id="agentUpdateModal" role="dialog">
	<div class="modal-dialog">
	  <div class="modal-content">
		<div class="modal-header">
		  <button type="button" class="close" data-dismiss="modal">&times;</button>
		  <h4 class="modal-title firstTime" id="agentupdate-title" style="font-size: 35px;">Order Agent</h4>
		</div>
		<form class="form-floating form-validate form-ajax" id="agentupdateform" name="agentupdateform">
		<div class="modal-body">
			  <div class="col-md-12">
				<fieldset>
					{{ csrf_field() }}
					<input type="hidden" id="update-orderid" name="update-orderid">
					<div class="form-group" style="width:538px;margin-top: 35px;">
						<label for="update-agentid" class="control-label normal" style="padding-bottom:0px;">Agent</label>
						{!! FormField::select('update-agentid', $agents, null, true, 'Please Select') !!}
					</div>
					<div class="form-group col-md-11 padding-left">
						<label for="update-commission" class="control-label">Commission</label>
						<input type="text" class="form-control" id="update-commission" name="update-commission" value="" data-validation-optional="true" data-validation="number" data-validation-allowing="float,negative" readonly>
					</div>
					<div class="form-group col-md-1 padding-left">
						<button class="btn btn-md btn-danger add-accessorial" type="button" id="refresh-agent-commission">
							<i class="fa fa-refresh" aria-hidden="true"></i>
						</button>
					 </div>
				</fieldset>
			  </div>
			  <div class="clearfix"></div>
		</div>
		<div class="modal-footer firstTime_footer">
		  <input class="btn btn-sm btn-danger" type="submit" name="Submit" value="Submit" id="update-agent-save"></input>
		</div>
		</form>
	  </div>  
	</div>
</div>
<!-------------------->
@endsection

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