@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="rejected-tab">
			<p>REJECTED</p>
		</div>
		<div class="clearfix"></div>
	</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>BOL#</th>
					<th>LOAD#</th>
					<th>Client</th>
					<th>Carrier</th>
					<th>Ship from</th>
					<th>Ship to</th>
					<th>Equipment</th>
					<th>Carrier Charge</th>
					<th>Client Charge</th>
				  </tr>
				</thead>
				<tbody>
				</tbody>
			  </table>
			</div>
		  </div>
		  <div class="clearfix"></div>
		  <div class="newcontbtn">
			<input class="btn btn-sm btn-danger" id="email-invoices" type="button" name="email-invoices" value="EMAIL INVOICES" />
			<input class="btn btn-sm btn-danger" id="generate-invoices" type="button" name="generate-invoices" value="GENERATE INVOICES" />
		  </div>
		</div>
		<div class="clearfix"></div>
		<div class="card" id="paymentresult">
		</div>
	</div>
	<div class="newtab_data" id="rejected-tab">
		<div class="card">
		  <div>
			<div class="datatables rejectedtable">
			  <table id="rejected-table" class="table table-full table-full-small" cellspacing="0" width="100%">
				<thead>
				  <tr>
					<th></th>
					<th>Order#</th>
					<th>BOL#</th>
					<th>LOAD#</th>
					<th>Client</th>
					<th>Carrier</th>
					<th>Ship from</th>
					<th>Ship to</th>
					<th>Equipment</th>
					<th>Carrier Charge</th>
					<th>Client Charge</th>
				  </tr>
				</thead>
				<tbody>
				</tbody>
			  </table>
			</div>
		  </div>
		  <div class="clearfix"></div>
		  <div class="newcontbtn">
			<fieldset>
			{{ csrf_field() }}
			<div class="form-group col-md-2 padding-left">
			<input type="text" class="form-control datepicker" id="rejected_date" name="rejected_date" value="{{date('m/d/Y')}}">
			</div>
			<div class="form-group col-md-4 padding-left" style="margin-top: 8px;">
			<input class="btn btn-sm btn-danger approveRejected" id="approve_rejected" type="button" name="approve_rejected" value="APPROVE FOR PAYMENT" />
			</div>
			</fieldset>
		  </div>
		</div>
	</div>
</div>

<!-- Rates Modal -->
<div class="modal fade" id="updateRatesModal" 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="ratemodal-title" style="font-size: 35px;">Order # rates</h4>
		</div>
		<form class="form-floating form-validate form-ajax" id="updaterateform" name="updaterateform">
		<div class="modal-body">
			  <div class="col-md-12">
				<fieldset>
					<input type="hidden" id="rate_order_id" name="order_id">
					<input type="hidden" id="rate_charge_for" name="charge_for">
					<div id="client-rates-box">
						<div class="form-group">
							<label for="line_haul_charge" class="control-label">Line Haul Rate</label>
							<input type="text" class="form-control order-charge-part" id="line_haul_charge" name="line_haul_charge" value="" data-validation-optional="true" data-validation="number" data-validation-allowing="float,negative" >
						</div>
						<div class="form-group">
							<label for="fuel_charge" class="control-label">Fuel Surcharge</label>
							<input type="text" class="form-control order-charge-part" id="fuel_charge" name="fuel_charge" value="" data-validation-optional="true" data-validation="number" data-validation-allowing="float,negative" >
						</div>
						<div class="form-group filled col-md-8 padding-left" id="testd">
							<label class="control-label">Accessorial</label>
							{!! FormField::select('accessorial_type', $accessorialTypes, false, false) !!}
						</div>
						<div class="form-group col-md-3 padding-left" style="margin-top: 25px;">
							<input type="text" placeholder="Rate" id="accessorial_rate" name="accessorial_rate" class="form-control">
						</div>
						<div class="form-group col-md-1 padding-left" style="top: 10px;">
						 <input class="btn btn-sm btn-danger add-accessorial" type="button" name="+" value="+">
						</div>
						<div class="clearfix"></div>
						<div class="col-md-12 no-padding">
							<div class="table-responsive">
								<table id="accessorials-table" class="table table-full table-full-small">
								  <thead>
									<tr>
									  <th>Accessorial</th>
									  <th>Rate</th>
									  <th></th>
									</tr>
								  </thead>
								  <tbody id="accessorial-items">					  
								  </tbody>
								</table>
							</div>
						</div>
						<div class="clearfix"></div>
						<div class="form-group">
							<label for="accessorial_charge" class="control-label">Accesorial Charge</label>
							<input type="text" class="form-control order-charge-part" id="accessorial_charge" name="accessorial_charge" value="" data-validation-optional="true" data-validation="number" data-validation-allowing="float,negative" readonly>
						</div>
						<div class="form-group">
							<label for="total_charge" class="control-label">Total Gross</label>
							<input type="text" class="form-control order-charge-part" id="total_charge" name="total_charge" value="" data-validation-optional="true" data-validation="number" data-validation-allowing="float,negative" readonly>
						</div>
					</div>
					<div id="carrier-rates-box">
						<div class="form-group">
							<label for="carrier_line_haul_charge" class="control-label">Carrier Line Haul</label>
							<input type="text" class="form-control carrier-charge-part" id="carrier_line_haul_charge" name="carrier_line_haul_charge" value="" data-validation-optional="true" data-validation="number" data-validation-allowing="float,negative" >
						</div>
						<div class="form-group">
							<label for="carrier_fuel_charge" class="control-label">Carrier Fuel Surcharge</label>
							<input type="text" class="form-control carrier-charge-part" id="carrier_fuel_charge" name="carrier_fuel_charge" value="" data-validation-optional="true" data-validation="number" data-validation-allowing="float,negative" >
						</div>
						<div class="form-group filled col-md-8 padding-left">
							<label class="control-label">Accessorial</label>
							{!! FormField::select('carrier_accessorial_type', $accessorialTypes, false, false) !!}
						</div>
						<div class="form-group col-md-3 padding-left" style="margin-top: 25px;">
							<input type="text" placeholder="Rate" id="carrier_accessorial_rate" name="carrier_accessorial_rate" class="form-control">
						</div>
					 	<div class="form-group col-md-1 padding-left" style="top: 10px;">
							<input class="btn btn-sm btn-danger add-carrier-accessorial" type="button" name="+" value="+">
					 	</div>
						<div class="clearfix"></div>
						<div class="col-md-12 no-padding">
							<div class="table-responsive">
								<table id="carrier-accessorials-table" class="table table-full table-full-small">
								  <thead>
									<tr>
									  <th>Accessorial</th>
									  <th>Rate</th>
									  <th></th>
									</tr>
								  </thead>
								  <tbody id="carrier-accessorial-items">					  
								  </tbody>
								</table>
							</div>
						</div>
						<div class="clearfix"></div>
						<div class="form-group">
							<label for="carrier_accessorial_charge" class="control-label">Carrier Accessorials Charge</label>
							<input type="text" class="form-control carrier-charge-part" id="carrier_accessorial_charge" name="carrier_accessorial_charge" value="" data-validation-optional="true" data-validation="number" data-validation-allowing="float,negative" readonly>
						</div>
						<div class="form-group">
							<label for="carrier_total_charge" class="control-label">Total Carrier Charge</label>
							<input type="text" class="form-control carrier-charge-part" id="carrier_total_charge" name="carrier_total_charge" value="" data-validation-optional="true" data-validation="number" data-validation-allowing="float,negative" readonly>
						</div>
					</div>
				</fieldset>
			  </div>
			  <div class="clearfix"></div>
		</div>
		<div class="modal-footer firstTime_footer">
		  {{ csrf_field() }}
		  <input class="btn btn-sm btn-danger" type="submit" name="Submit" value="Submit" id="rate-save"></input>
		</div>
		</form>
	  </div>  
	</div>
</div>
<!-------------------->
@endsection

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