@extends('layouts.carrier')

@section('content')
<div class="row m-b-40">
  <form action="{{ route('carrier.pastshipment.submitinvoice', $order->id) }}" method="POST" id="shipmentform" class="form-floating form-validate" enctype="multipart/form-data">
  {{ csrf_field() }} 


<div class="col-md-12">
<div class="well white">
	<fieldset>
		<legend>Carrier Cost Total</legend>
		<div class="form-group">
			<label for="carrier_line_haul_charge" class="control-label">Line Haul</label>
			<input type="text" class="form-control charge-field" data-index="carrier" id="carrier_line_haul_charge" name="carrier_line_haul_charge" value="{{ FormField::value('carrier_line_haul_charge', $order) }}" readonly>
		</div>
		<div class="form-group">
			<label for="carrier_fuel_charge" class="control-label">Carrier Fuel Surcharge</label>
			<input type="text" class="form-control charge-field" data-index="carrier" id="carrier_fuel_charge" name="carrier_fuel_charge" value="{{ FormField::value('carrier_fuel_charge', $order) }}" readonly>
		</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 accessorial-table" 
				@if($order)
				@if(count($carrierAccessorials))					
				style="display:table;"
				@endif
				@endif
				>
				  <thead>
					<tr>
					  <th>Accessorial</th>
					  <th>Rate</th>
					</tr>
				  </thead>
				  <tbody id="carrier_accessorial_items">
					@if($order)
					@if(count($carrierAccessorials))
					@var $accessorialCount = 0
					@foreach($carrierAccessorials as $carrierAccessorial)
					<tr class="carrier_accessorial_row">
					  <td>
						{{ $carrierAccessorials[$accessorialCount]->description }}
						<input type="hidden" name="caccessorials[id][]" value="{{ $carrierAccessorials[$accessorialCount]->accessorial_id }}" >
					  </td>
					  <td class="acs-ratebox">
						<input type="text" class="form-control accessorial-field charge-field" data-index="carrier" name="caccessorials[rate][]" value="{{ $carrierAccessorials[$accessorialCount]->total_rate }}" readonly >
					  </td>
					</tr>
					@var $accessorialCount = $accessorialCount+1
					@endforeach
					@endif
					@endif					  
				  </tbody>
				</table>
			</div>
		</div>
		<div class="clearfix"></div>
		<div class="form-group">
			<label for="carrier_accessorial_charge" class="control-label">Accessorials Charge</label>
			<input type="text" class="form-control" id="carrier_accessorial_charge" name="carrier_accessorial_charge" value="{{ FormField::value('carrier_accessorial_charge', $order) }}" data-validation-optional="true" data-validation="number" data-validation-allowing="float" readonly>
		</div>
		<div class="form-group">
			<label for="carrier_total_charge" class="control-label">Total Charge</label>
			<input type="text" class="form-control" id="carrier_total_charge" name="carrier_total_charge" value="{{ FormField::value('carrier_total_charge', $order) }}" data-validation-optional="true" data-validation="number" data-validation-allowing="float" readonly>
		</div>
	</fieldset>
</div>
</div>


<div class="col-md-12">
<div class="well white">
	<fieldset>
		<legend>Carrier Enter Their Bill Below</legend>
		<div class="form-group">
			<label for="carrier_invoice_id" class="control-label">Invoice #</label>
			<input type="text" class="form-control" id="carrier_invoice_id" name="carrier_invoice_id" data-validation="required" >
		</div>
		<div class="form-group">
			<label for="alt_carrier_line_haul_charge" class="control-label">Line Haul</label>
			<input type="text" class="form-control charge-field" data-index="alt_carrier" id="alt_carrier_line_haul_charge" name="alt_carrier_line_haul_charge" data-validation="required,number" data-validation-allowing="float" >
		</div>
		<div class="form-group">
			<label for="alt_carrier_fuel_charge" class="control-label">Carrier Fuel Surcharge</label>
			<input type="text" class="form-control charge-field" data-index="alt_carrier" id="alt_carrier_fuel_charge" name="alt_carrier_fuel_charge" data-validation-optional="true" data-validation="number" data-validation-allowing="float" >
		</div>
		<div class="form-group filled col-md-4 padding-left">
			<label class="control-label">Accessorial</label>
			{!! FormField::select2('alt_carrier_accessorial_type', $accessorialTypes, false, false) !!}
		</div>
		<div class="form-group col-md-2 padding-left" style="margin-top: 16px;">
			<input type="text" placeholder="Rate" id="alt_carrier_accessorial_rate" name="alt_carrier_accessorial_rate" class="form-control">
		</div>
		 <div class="form-group col-md-1 padding-left">
			<input class="btn btn-sm btn-danger add-accessorial" data-index="alt_carrier" type="button" name="+" value="+">
		 </div>
		<div class="clearfix"></div>
		<div class="col-md-12 no-padding">
			<div class="table-responsive">
				<table id="alt_carrier_accessorials_table" class="table table-full table-full-small accessorial-table" style="display:none;"
				>
				  <thead>
					<tr>
					  <th>Accessorial</th>
					  <th>Rate</th>
					  <th></th>
					</tr>
				  </thead>
				  <tbody id="alt_carrier_accessorial_items">					  
				  </tbody>
				</table>
			</div>
		</div>
		<div class="clearfix"></div>
		<div class="form-group">
			<label for="alt_carrier_accessorial_charge" class="control-label">Accessorials Charge</label>
			<input type="text" class="form-control" id="alt_carrier_accessorial_charge" name="alt_carrier_accessorial_charge" data-validation-optional="true" data-validation="number" data-validation-allowing="float" readonly>
		</div>
		<div class="form-group">
			<label for="alt_carrier_total_charge" class="control-label">Total Charge</label>
			<input type="text" class="form-control" id="alt_carrier_total_charge" name="alt_carrier_total_charge" data-validation-optional="true" data-validation="number" data-validation-allowing="float" readonly>
		</div>
	</fieldset>
</div>
</div>


  
  <div class="clearfix"></div>
	<div class="newcontbtn">
	  <input type="hidden" name="order_id" id="order_id" value="{{ FormField::value('id', $order) }}">
	  <input class="btn btn-sm btn-danger" type="submit" name="submit" value="Submit">
	</div>
  </form>
</div>

<style>
.accessorial-table{
	display:none;
}
</style>
@endsection

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