@extends('layouts.admin')

@section('content')
<div class="row m-b-40">
  <form action="{{ route('admin.unpaidload.updatepaytransaction', $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>
		<div class="form-group col-md-4 padding-left">
			<input type="hidden" id="client_id" name="client_id" value="{{ FormField::value('client_id', $order) }}">
			<label for="carrier_invoice_id" class="control-label bold-label normal">Invoice #</label>
			<input type="text" class="form-control" id="carrier_invoice_id" name="carrier_invoice_id" value="{{ FormField::value('carrier_invoice_id', $order) }}" data-validation="required">
		</div>
		<div class="form-group col-md-4 padding-left">
			<label for="carrier_name" class="control-label bold-label normal">Carrier</label>
			<input type="hidden" id="carrier_id" name="carrier_id" value="{{ FormField::value('carrier_id', $order) }}" data-validation="required" data-validation-error-msg="Please select valid carrier." data-validation-error-msg-container="#carrier_error">
			<input type="text" class="form-control fieldcancel" id="carrier_name" name="carrier_name" value="{{ FormField::value('carrier_name', $order) }}" data-func-cancel="removeCarrier" readonly>
			<span id="carrier_error"></span>
		</div>
		<div class="form-group col-md-4 padding-left">
			<label for="carrier_invoice_date" class="control-label bold-label normal">Invoice Date</label>
			<input type="text" class="form-control datepicker" id="carrier_invoice_date" name="carrier_invoice_date" value="@if($order->carrier_invoice_date){{ FormField::date('carrier_invoice_date', $order) }}@else{{ date('m/d/Y') }} @endif" data-validation="required">
		</div>
	</fieldset>
</div>
</div>

<div class="col-md-12">
<div class="card">
  <legend style="padding-left: 15px;">Shipment Notes</legend>
  <div>
	<div class="notestable">
	  <table id="notes-table" class="table table-full table-full-small" cellspacing="0" width="100%">
		<thead>
		  <tr>
			<th>Added Date</th>
			<th>Added By</th>
			<th>Status</th>
			<th>Message</th>
		  </tr>
		</thead>
		<tbody id="notes-body">
		  @if($notes)
		  @foreach($notes as $note)
		  <tr id="note-{{ $note->id }}" class="note-rows">
			<td>{{ $note->created_at->format('m/d/Y') }}</td>
			<td>{{ $note->username }}</td>
			<td>{{ $note->status }}</td>
			<td>{!! nl2br($note->message) !!}</td>
		  </tr>
		  @endforeach
		  @endif
		  <tr id="no-note" @if(count($notes)) style="display:none" @endif>
			<td colspan="4">No notes found.</td>
		  </tr>
		</tbody>
	  </table>
	</div>
  </div>
</div>
</div>
  
  
<div class="col-md-12">
<div class="card">
	<a href="javascript:void(0);" class="btn-sm btn-danger btn-white add-stop-addr pull-right"><i class="md md-add"></i>Add Stop</a>
	<div class="clearfix"></div>
	<ul class="list-group list-addresses">
		<li class="list-group-item" id="shipfrom-list">
			<div class="list-main">
			<h4 class="list-group-item-heading">Ship From</h4>
			<p class="list-group-item-text addr-snap" id="shipfrom-snap">
				@if($order)
				<span><label>Name:</label> {{ $order->shipfrom_name }} </span><br/>
				<span><label>Address:</label> {{ $order->shipfrom_address.', '.$order->shipfrom_city.', '.$order->shipfrom_state.' '.$order->shipfrom_zip }} </span><br/>
				<span><label>Contact:</label> {{ $order->shipfrom_contact }} </span><br/>
				<span><label>Phone:</label> {{ $order->shipfrom_phone }} </span><br/>
				<span><label>Email:</label> {{ $order->shipfrom_email }} </span><br/>
				<span><label>Shipping Hours:</label> {{ $order->shipfrom_shipping_from_hours }} - {{ $order->shipfrom_shipping_to_hours }} </span><br/>
				<span><label>Appointment Required:</label> {{ ($order->shipfrom_apt_required ? 'Yes' : 'No') }} </span><br/>
				<span><label>Notes:</label> {{ $order->shipfrom_notes }} </span>
				@endif
			</p>
			</div>
			<div class="list-error">
				<input type="hidden" class="cust-addr-field" id="shipfrom_error" name="shipfrom_error" value="@if($order) 1 @endif" data-validation="required" data-validation-error-msg="Please provide ship from details." data-validation-error-msg-container="#shipfrom_error_pos">
				<span id="shipfrom_error_pos"></span>
			</div>
			<div class="list-actions">
				<a href="javascript:void(0);" data-addr="shipfrom" data-for="shipfrom" data-title="Ship From" class="btn btn-link addr-edit"><i class="md md-edit"></i></a>
			</div>
			<span>
				<input type="hidden" class="cust-addr-field" id="shipfrom_customer_id" name="shipfrom_customer_id" value="{{ FormField::value('shipfrom_customer_id', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipfrom_name" name="shipfrom_name" value="{{ FormField::value('shipfrom_name', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipfrom_address" name="shipfrom_address" value="{{ FormField::value('shipfrom_address', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipfrom_city" name="shipfrom_city" value="{{ FormField::value('shipfrom_city', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipfrom_state" name="shipfrom_state" value="{{ FormField::value('shipfrom_state', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipfrom_zip" name="shipfrom_zip" value="{{ FormField::value('shipfrom_zip', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipfrom_contact" name="shipfrom_contact" value="{{ FormField::value('shipfrom_contact', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipfrom_phone" name="shipfrom_phone" value="{{ FormField::value('shipfrom_phone', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipfrom_email" name="shipfrom_email" value="{{ FormField::value('shipfrom_email', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipfrom_shipping_from_hours" name="shipfrom_shipping_from_hours" value="{{ FormField::value('shipfrom_shipping_from_hours', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipfrom_shipping_to_hours" name="shipfrom_shipping_to_hours" value="{{ FormField::value('shipfrom_shipping_to_hours', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipfrom_apt_required" name="shipfrom_apt_required" value="{{ FormField::value('shipfrom_apt_required', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipfrom_notes" name="shipfrom_notes" value="{{ FormField::value('shipfrom_notes', $order) }}">
			</span>
		</li>
		@if($order)
		@if(count($orderStops))
		@var $stopCount = 1
		@foreach($orderStops as $orderStop)
		<li class="list-group-item stop-list" id="stop{{$stopCount}}-list" data-stop-no="{{$stopCount}}">
			<div class="list-main">
			<h4 class="list-group-item-heading stop-heading">Stop #{{$stopCount}}</h4>
			<p class="list-group-item-text addr-snap" id="stop{{$stopCount}}-snap">
				<span><label>Name:</label> {{ $orderStop->name }} </span><br/>
				<span><label>Address:</label> {{ $orderStop->address.', '.$orderStop->city.', '.$orderStop->state.' '.$orderStop->zip }} </span><br/>
			</p>
			</div>
			<div class="list-error">
				<input type="hidden" class="cust-addr-field" id="stop{{$stopCount}}_error" name="stop{{$stopCount}}_error" value="1" data-validation="required" data-validation-error-msg="Please provide stop details." data-validation-error-msg-container="#stop{{$stopCount}}_error_pos">
				<span id="stop{{$stopCount}}_error_pos"></span>
			</div>
			<div class="list-actions">
				<a href="javascript:void(0);" data-addr="stop{{$stopCount}}" data-for="shipto" data-title="Stop Detail" class="btn btn-link addr-edit"><i class="md md-edit"></i></a>
				<a href="javascript:void(0);" data-addr="stop{{$stopCount}}" class="btn btn-link addr-delete"><i class="md md-delete"></i></a>
			</div>
			<span>
				<input type="hidden" class="cust-addr-field" id="stop{{$stopCount}}_customer_id" name="stops[customer_id][]" value="{{ $orderStop->customer_id }}">
				<input type="hidden" class="cust-addr-field" id="stop{{$stopCount}}_name" name="stops[name][]" value="{{ $orderStop->name }}">
				<input type="hidden" class="cust-addr-field" id="stop{{$stopCount}}_address" name="stops[address][]" value="{{ $orderStop->address }}">
				<input type="hidden" class="cust-addr-field" id="stop{{$stopCount}}_city" name="stops[city][]" value="{{ $orderStop->city }}">
				<input type="hidden" class="cust-addr-field" id="stop{{$stopCount}}_state" name="stops[state][]" value="{{ $orderStop->state }}">
				<input type="hidden" class="cust-addr-field" id="stop{{$stopCount}}_zip" name="stops[zip][]" value="{{ $orderStop->zip }}">
				<input type="hidden" class="cust-addr-field" id="stop{{$stopCount}}_contact" name="stops[contact][]" value="{{ $orderStop->main_contact }}">
				<input type="hidden" class="cust-addr-field" id="stop{{$stopCount}}_phone" name="stops[phone][]" value="{{ $orderStop->telephone }}">
				<input type="hidden" class="cust-addr-field" id="stop{{$stopCount}}_email" name="stops[email][]" value="{{ $orderStop->email }}">
				<input type="hidden" class="cust-addr-field" id="stop{{$stopCount}}_receiving_from_hours" name="stops[receiving_from_hours][]" value="{{ $orderStop->receiving_from_hours }}">
				<input type="hidden" class="cust-addr-field" id="stop{{$stopCount}}_receiving_to_hours" name="stops[receiving_to_hours][]" value="{{ $orderStop->receiving_to_hours }}">
				<input type="hidden" class="cust-addr-field" id="stop{{$stopCount}}_pickup_date" name="stops[pickup_date][]" value="{{ ($orderStop->pickup_date ? date('m/d/Y', strtotime($orderStop->pickup_date)) : '') }}">
				<input type="hidden" class="cust-addr-field" id="stop{{$stopCount}}_pickup_time" name="stops[pickup_time][]" value="{{ $orderStop->pickup_time }}">
				<input type="hidden" class="cust-addr-field" id="stop{{$stopCount}}_delivery_date" name="stops[delivery_date][]" value="{{ ($orderStop->delivery_date ? date('m/d/Y', strtotime($orderStop->delivery_date)) : '') }}">
				<input type="hidden" class="cust-addr-field" id="stop{{$stopCount}}_delivery_time" name="stops[delivery_time][]" value="{{ $orderStop->delivery_time }}">
				<input type="hidden" class="cust-addr-field" id="stop{{$stopCount}}_apt_required" name="stops[apt_required][]" value="{{ $orderStop->appointment_required }}">
				<input type="hidden" class="cust-addr-field" id="stop{{$stopCount}}_notes" name="stops[notes][]" value="{{ $orderStop->notes }}">
			</span>
		</li>
		@var $stopCount = $stopCount+1
		@endforeach
		@endif
		@endif
		<li class="list-group-item" id="shipto-list">
			<div class="list-main">
			<h4 class="list-group-item-heading">Ship To</h4>
			<p class="list-group-item-text addr-snap" id="shipto-snap">
				@if($order)
				<span><label>Name:</label> {{ $order->shipto_name }} </span><br/>
				<span><label>Address:</label> {{ $order->shipto_address.', '.$order->shipto_city.', '.$order->shipto_state.' '.$order->shipto_zip }} </span><br/>
				<span><label>Contact:</label> {{ $order->shipto_contact }} </span><br/>
				<span><label>Phone:</label> {{ $order->shipto_phone }} </span><br/>
				<span><label>Email:</label> {{ $order->shipto_email }} </span><br/>
				<span><label>Receiving Hours:</label> {{ $order->shipto_receiving_from_hours }} - {{ $order->shipto_receiving_to_hours }} </span><br/>
				<span><label>Appointment Required:</label> {{ ($order->shipto_apt_required ? 'Yes' : 'No') }} </span><br/>
				<span><label>Notes:</label> {{ $order->shipto_notes }} </span>
				@endif
			</p>
			</div>
			<div class="list-error">
				<input type="hidden" class="cust-addr-field" id="shipto_error" name="shipto_error" value="@if($order) 1 @endif" data-validation="required" data-validation-error-msg="Please provide ship to details." data-validation-error-msg-container="#shipto_error_pos">
				<span id="shipto_error_pos"></span>
			</div>
			<div class="list-actions">
				<a href="javascript:void(0);" data-addr="shipto" data-for="shipto" data-title="Ship To" class="btn btn-link addr-edit"><i class="md md-edit"></i></a>
			</div>
			<span>
				<input type="hidden" class="cust-addr-field" id="shipto_customer_id" name="shipto_customer_id" value="{{ FormField::value('shipto_customer_id', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipto_name" name="shipto_name" value="{{ FormField::value('shipto_name', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipto_address" name="shipto_address" value="{{ FormField::value('shipto_address', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipto_city" name="shipto_city" value="{{ FormField::value('shipto_city', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipto_state" name="shipto_state" value="{{ FormField::value('shipto_state', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipto_zip" name="shipto_zip" value="{{ FormField::value('shipto_zip', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipto_contact" name="shipto_contact" value="{{ FormField::value('shipto_contact', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipto_phone" name="shipto_phone" value="{{ FormField::value('shipto_phone', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipto_email" name="shipto_email" value="{{ FormField::value('shipto_email', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipto_receiving_from_hours" name="shipto_receiving_from_hours" value="{{ FormField::value('shipto_receiving_from_hours', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipto_receiving_to_hours" name="shipto_receiving_to_hours" value="{{ FormField::value('shipto_receiving_to_hours', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipto_apt_required" name="shipto_apt_required" value="{{ FormField::value('shipto_apt_required', $order) }}">
				<input type="hidden" class="cust-addr-field" id="shipto_notes" name="shipto_notes" value="{{ FormField::value('shipto_notes', $order) }}">
			</span>
		</li>
	</ul>
</div>
</div>  
  
  
<div class="col-md-12">
<div class="well white odetails">
	<fieldset>
		<legend>Commodity Details</legend>
		<input type="hidden" id="miles" name="miles" value="{{ FormField::value('total_miles', $order) }}">
		<div class="form-group filled col-md-12 padding-left" style="margin-top:50px;">
			<label class="control-label normal">Equipment Type</label>
			<select class="form-control" id="equipment_id" name="equipment_id" data-validation="required">
				<option value="">Please Select</option>
				@foreach($equipments as $equipment)
				<option value="{{ $equipment->id }}" equipmenttype="{{ $equipment->type }}"
				@if($order)
					@if($order->equipment_id == $equipment->id)
						selected="selected"
					@endif
				@endif
				>
				{{ $equipment->name }}
				</option>
				@endforeach
			</select>
		</div>
		<div id="tl-items-box"
		@if($order)
			@if($order->equipment_type != 'TL')
				style="display:none;"
			@endif
		@else
			style="display:none;"
		@endif
		>
			<div class="form-group col-md-4 padding-left">
				<label for="freight_description" class="control-label">Freight Description</label>
				<input type="text" class="form-control tl-field" id="freight_description" name="freight_description" value="@if(count($orderItems) && ($order->equipment_type == 'TL')){{ $orderItems[0]->description }}@endif" data-validation="required">
			</div>
			<div class="form-group col-md-4 padding-left">
				<label for="total_weight" class="control-label">Total Weight</label>
				<input type="text" class="form-control tl-field" id="total_weight" name="total_weight" value="@if(count($orderItems) && ($order->equipment_type == 'TL')){{ $orderItems[0]->weight }}@endif" data-validation="required">
			</div>
			<div class="form-group col-md-4 padding-left">
				<label for="total_weight" class="control-label">Class</label>
				<input type="text" class="form-control" id="class" name="class" value="50" data-validation="required" readonly>
			</div>
		</div>
		<div id="non-tl-items-box"
		@if($order)
			@if($order->equipment_type == 'TL')
				style="display:none;"
			@endif
		@else
			style="display:none;"
		@endif				
		>		
		  <div class="col-md-12 no-padding">
			<div class="table-responsive">
				<table class="table table-full table-full-small non-tl-table">
				  <thead>
					<tr>
					  <th>Description</th>
					  <th>Class</th>
					  <th>Unit</th>
					  <th>Length</th>
					  <th>Width</th>
					  <th>Height</th>
					  <th>Weight</th>
					  <th></th>
					</tr>
				  </thead>
				  <tbody id="non-tl-items">
					<tr>
					  <td>
						<input type="text" class="form-control non-tl-field" name="items[description][]" data-validation="required" value="@if(count($orderItems) && ($order->equipment_type != 'TL')){{ $orderItems[0]->description }}@endif" >
					  </td>
					  <td>
						<input type="text" class="form-control non-tl-field" name="items[class][]" data-validation="required" value="@if(count($orderItems) && ($order->equipment_type != 'TL')){{ $orderItems[0]->class }}@endif" >
					  </td>
					  <td>
						<input type="text" class="form-control non-tl-field" name="items[unit][]" data-validation="required, number" value="@if(count($orderItems) && ($order->equipment_type != 'TL')){{ $orderItems[0]->unit }}@endif" >
					  </td>
					  <td>
						<input type="text" class="form-control non-tl-field" name="items[length][]" data-validation="required, number" data-validation-allowing="float" value="@if(count($orderItems) && ($order->equipment_type != 'TL')){{ $orderItems[0]->length }}@endif" >
					  </td>
					  <td>
						<input type="text" class="form-control non-tl-field" name="items[width][]" data-validation="required, number" data-validation-allowing="float" value="@if(count($orderItems) && ($order->equipment_type != 'TL')){{ $orderItems[0]->width }}@endif" >
					  </td>
					  <td>
						<input type="text" class="form-control non-tl-field" name="items[height][]" data-validation="required, number" data-validation-allowing="float" value="@if(count($orderItems) && ($order->equipment_type != 'TL')){{ $orderItems[0]->height }}@endif" >
					  </td>
					  <td>
						<input type="text" class="form-control non-tl-field non-tl-weight" name="items[weight][]" data-validation="required, number" data-validation-allowing="float" value="@if(count($orderItems) && ($order->equipment_type != 'TL')){{ $orderItems[0]->weight }}@endif" >
					  </td>
					  <td>
						<input class="btn btn-sm btn-danger add-non-tl-row" type="button" name="+" value="+">
					  </td>
					</tr>
					@if($order)
					@if(count($orderItems))
					@var $itemCount = 0
					@foreach($orderItems as $orderItem)
					@if($itemCount != 0)
					<tr class="ext-non-tl-row">
					  <td>
						<input type="text" class="form-control non-tl-field" name="items[description][]" data-validation="required" value="{{ $orderItems[$itemCount]->description }}" >
					  </td>
					  <td>
						<input type="text" class="form-control non-tl-field" name="items[class][]" data-validation="required" value="{{ $orderItems[$itemCount]->class }}" >
					  </td>
					  <td>
						<input type="text" class="form-control non-tl-field" name="items[unit][]" data-validation="required, number" value="{{ $orderItems[$itemCount]->unit }}" >
					  </td>
					  <td>
						<input type="text" class="form-control non-tl-field" name="items[length][]" data-validation="required, number" data-validation-allowing="float" value="{{ $orderItems[$itemCount]->length }}" >
					  </td>
					  <td>
						<input type="text" class="form-control non-tl-field" name="items[width][]" data-validation="required, number" data-validation-allowing="float" value="{{ $orderItems[$itemCount]->width }}" >
					  </td>
					  <td>
						<input type="text" class="form-control non-tl-field" name="items[height][]" data-validation="required, number" data-validation-allowing="float" value="{{ $orderItems[$itemCount]->height }}" >
					  </td>
					  <td>
						<input type="text" class="form-control non-tl-field non-tl-weight" name="items[weight][]" data-validation="required, number" data-validation-allowing="float" value="{{ $orderItems[$itemCount]->weight }}" >
					  </td>
					  <td>
						<input class="btn btn-sm btn-danger remove-non-tl-row" type="button" name="X" value="X">
					  </td>
					</tr>
					@endif
					@var $itemCount = $itemCount+1
					@endforeach
					@endif
					@endif
				  </tbody>
				</table>
			  </div>
		  </div>
		</div>
		<div class="form-group col-md-12 padding-left">
			<label for="requirements" class="control-label">Requirements</label>
			<input type="text" class="form-control" id="requirements" name="requirements" value="{{ FormField::value('requirements', $order) }}" data-validation="required">
		</div>
		<div class="form-group col-md-12 padding-left">
			<label for="total_weight" class="control-label">Notes</label>
			<textarea class="form-control" id="notes" name="notes">{{ FormField::value('notes', $order) }}</textarea>
		</div>
	</fieldset>
</div>
</div>


<div class="col-md-6">
<div class="well white">
	<fieldset>
		<legend>Expected Charge</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) }}" 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 charge-field" data-index="carrier" id="carrier_fuel_charge" name="carrier_fuel_charge" value="{{ FormField::value('carrier_fuel_charge', $order) }}" 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::select2('carrier_accessorial_type', $accessorialTypes, false, false) !!}
		</div>
		<div class="form-group col-md-3 padding-left" style="margin-top: 16px;">
			<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">
			<input class="btn btn-sm btn-danger add-accessorial" data-index="carrier" 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 accessorial-table" 
				@if($order)
				@if(count($carrierAccessorials))					
				style="display:table;"
				@endif
				@endif
				>
				  <thead>
					<tr>
					  <th>Accessorial</th>
					  <th>Rate</th>
					  <th></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 }}" >
					  </td>
					  <td class="acs-actions">
						<input class="btn btn-sm btn-danger remove-accessorial-row" data-index="carrier" type="button" name="X" value="X">
					  </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,negative" 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,negative" readonly>
		</div>
	</fieldset>
</div>
</div>


<div class="col-md-6">
<div class="well white">
	<fieldset>
		<legend>Carrier Charge <input class="btn btn-sm btn-danger pull-right" type="button" id="copycarriercharge" name="copycarriercharge" value="Copy Expected Charge"></legend>
		<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" value="{{ FormField::value('alt_carrier_line_haul_charge', $order) }}" data-validation-optional="true" data-validation="number" data-validation-allowing="float,negative" >
		</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" value="{{ FormField::value('alt_carrier_fuel_charge', $order) }}" 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::select2('alt_carrier_accessorial_type', $accessorialTypes, false, false) !!}
		</div>
		<div class="form-group col-md-3 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" 
				@if($order)
				@if(count($updatedCarrierAccessorials))					
				style="display:table;"
				@endif
				@endif
				>
				  <thead>
					<tr>
					  <th>Accessorial</th>
					  <th>Rate</th>
					  <th></th>
					</tr>
				  </thead>
				  <tbody id="alt_carrier_accessorial_items">
					@if($order)
					@if(count($updatedCarrierAccessorials))
					@var $accessorialCount = 0
					@foreach($updatedCarrierAccessorials as $updatedCarrierAccessorial)
					<tr class="alt_carrier_accessorial_row">
					  <td>
						{{ $updatedCarrierAccessorials[$accessorialCount]->description }}
						<input type="hidden" name="altcaccessorials[id][]" value="{{ $updatedCarrierAccessorials[$accessorialCount]->accessorial_id }}" >
					  </td>
					  <td class="acs-ratebox">
						<input type="text" class="form-control accessorial-field charge-field" data-index="alt_carrier"  name="altcaccessorials[rate][]" value="{{ $updatedCarrierAccessorials[$accessorialCount]->total_rate }}" >
					  </td>
					  <td class="acs-actions">
						<input class="btn btn-sm btn-danger remove-accessorial-row" data-index="alt_carrier" type="button" name="X" value="X">
					  </td>
					</tr>
					@var $accessorialCount = $accessorialCount+1
					@endforeach
					@endif
					@endif					  
				  </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" value="{{ FormField::value('alt_carrier_accessorial_charge', $order) }}" data-validation-optional="true" data-validation="number" data-validation-allowing="float,negative" 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" value="{{ FormField::value('alt_carrier_total_charge', $order) }}" data-validation-optional="true" data-validation="number" data-validation-allowing="float,negative" readonly>
		</div>
	</fieldset>
</div>
</div>

<div class="clearfix"></div>
  
<div class="col-md-6">
<div class="well white">
	<fieldset>
		<legend>Original Client Billing</legend>
		<div class="form-group">
			<label for="client_line_haul_charge" class="control-label">Line Haul</label>
			<input type="text" class="form-control charge-field" data-index="client" id="client_line_haul_charge" name="line_haul_charge" value="{{ FormField::value('line_haul_charge', $order) }}" data-validation-optional="true" data-validation="number" data-validation-allowing="float,negative" >
		</div>
		<div class="form-group">
			<label for="client_fuel_charge" class="control-label">Fuel Surcharge</label>
			<input type="text" class="form-control charge-field" data-index="client" id="client_fuel_charge" name="fuel_charge" value="{{ FormField::value('fuel_charge', $order) }}" 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::select2('client_accessorial_type', $accessorialTypes, false, false) !!}
		</div>
		<div class="form-group col-md-3 padding-left" style="margin-top: 16px;">
			<input type="text" placeholder="Rate" id="client_accessorial_rate" name="client_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="client" type="button" name="+" value="+">
		 </div>
		<div class="clearfix"></div>
		<div class="col-md-12 no-padding">
			<div class="table-responsive">
				<table id="client_accessorials_table" class="table table-full table-full-small accessorial-table" 
				@if($order)
				@if(count($orderAccessorials))					
				style="display:table;"
				@endif
				@endif
				>
				  <thead>
					<tr>
					  <th>Accessorial</th>
					  <th>Rate</th>
					  <th></th>
					</tr>
				  </thead>
				  <tbody id="client_accessorial_items">
					@if($order)
					@if(count($orderAccessorials))
					@var $accessorialCount = 0
					@foreach($orderAccessorials as $orderAccessorial)
					<tr class="client_accessorial_row">
					  <td>
						{{ $orderAccessorials[$accessorialCount]->description }}
						<input type="hidden" name="accessorials[id][]" value="{{ $orderAccessorials[$accessorialCount]->accessorial_id }}" >
					  </td>
					  <td class="acs-ratebox">
						<input type="text" class="form-control accessorial-field charge-field" data-index="client" name="accessorials[rate][]" value="{{ $orderAccessorials[$accessorialCount]->total_rate }}" >
					  </td>
					  <td class="acs-actions">
						<input class="btn btn-sm btn-danger remove-accessorial-row" data-index="client" type="button" name="X" value="X">
					  </td>
					</tr>
					@var $accessorialCount = $accessorialCount+1
					@endforeach
					@endif
					@endif					  
				  </tbody>
				</table>
			</div>
		</div>
		<div class="clearfix"></div>
		<div class="form-group">
			<label for="client_accessorial_charge" class="control-label">Accesorial Charge</label>
			<input type="text" class="form-control order-charge-part" id="client_accessorial_charge" name="accessorial_charge" value="{{ FormField::value('accessorial_charge', $order) }}" data-validation-optional="true" data-validation="number" data-validation-allowing="float,negative" readonly>
		</div>
		<div class="form-group">
			<label for="client_total_charge" class="control-label">Total Charge</label>
			<input type="text" class="form-control" id="client_total_charge" name="total_charge" value="{{ FormField::value('total_charge', $order) }}" data-validation-optional="true" data-validation="number" data-validation-allowing="float,negative" readonly>
		</div>
	</fieldset>
</div>
</div>


<div class="col-md-6">
<div class="well white">
	<fieldset>
		<legend>Updated Client Billing <input class="btn btn-sm btn-danger pull-right" type="button" id="copyclientcharge" name="copyclientcharge" value="Copy Original Client Billing"></legend>
		<div class="form-group">
			<label for="alt_client_line_haul_charge" class="control-label">Line Haul</label>
			<input type="text" class="form-control charge-field" data-index="alt_client" id="alt_client_line_haul_charge" name="alt_line_haul_charge" value="{{ FormField::value('alt_line_haul_charge', $order) }}" data-validation-optional="true" data-validation="number" data-validation-allowing="float,negative" >
		</div>
		<div class="form-group">
			<label for="alt_client_fuel_charge" class="control-label">Fuel Surcharge</label>
			<input type="text" class="form-control charge-field" data-index="alt_client" id="alt_client_fuel_charge" name="alt_fuel_charge" value="{{ FormField::value('alt_fuel_charge', $order) }}" 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::select2('alt_client_accessorial_type', $accessorialTypes, false, false) !!}
		</div>
		<div class="form-group col-md-3 padding-left" style="margin-top: 16px;">
			<input type="text" placeholder="Rate" id="alt_client_accessorial_rate" name="alt_client_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_client" type="button" name="+" value="+">
		 </div>
		<div class="clearfix"></div>
		<div class="col-md-12 no-padding">
			<div class="table-responsive">
				<table id="alt_client_accessorials_table" class="table table-full table-full-small accessorial-table" 
				@if($order)
				@if(count($updatedOrderAccessorials))					
				style="display:table;"
				@endif
				@endif
				>
				  <thead>
					<tr>
					  <th>Accessorial</th>
					  <th>Rate</th>
					  <th></th>
					</tr>
				  </thead>
				  <tbody id="alt_client_accessorial_items">
					@if($order)
					@if(count($updatedOrderAccessorials))
					@var $accessorialCount = 0
					@foreach($updatedOrderAccessorials as $updatedOrderAccessorial)
					<tr class="alt_client_accessorial_row">
					  <td>
						{{ $updatedOrderAccessorials[$accessorialCount]->description }}
						<input type="hidden" name="altaccessorials[id][]" value="{{ $updatedOrderAccessorials[$accessorialCount]->accessorial_id }}" >
					  </td>
					  <td class="acs-ratebox">
						<input type="text" class="form-control accessorial-field charge-field" data-index="alt_client" name="altaccessorials[rate][]" value="{{ $updatedOrderAccessorials[$accessorialCount]->total_rate }}" >
					  </td>
					  <td class="acs-actions">
						<input class="btn btn-sm btn-danger remove-accessorial-row" data-index="alt_client" type="button" name="X" value="X">
					  </td>
					</tr>
					@var $accessorialCount = $accessorialCount+1
					@endforeach
					@endif
					@endif					  
				  </tbody>
				</table>
			</div>
		</div>
		<div class="clearfix"></div>
		<div class="form-group">
			<label for="alt_client_accessorial_charge" class="control-label">Accesorial Charge</label>
			<input type="text" class="form-control" id="alt_client_accessorial_charge" name="alt_accessorial_charge" value="{{ FormField::value('alt_accessorial_charge', $order) }}" data-validation-optional="true" data-validation="number" data-validation-allowing="float,negative" readonly>
		</div>
		<div class="form-group">
			<label for="alt_client_total_charge" class="control-label">Total Charge</label>
			<input type="text" class="form-control" id="alt_client_total_charge" name="alt_total_charge" value="{{ FormField::value('alt_total_charge', $order) }}" data-validation-optional="true" data-validation="number" data-validation-allowing="float,negative" 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="Pay Transaction">
	  <input class="btn btn-sm btn-danger" type="button" name="attach-document" id="attach-document" value="Attach Document">
	</div>
  </form>
</div>


<!-- Address Modal -->
<div class="modal fade" id="addressModal" 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 addr-title-modal"></h4>
		</div>
		<form class="form-floating form-validate form-ajax" id="addressform" name="addressform">
		<div class="modal-body" style="overflow:hidden;">
			  <div class="col-md-12">
				<fieldset>
					<input type="hidden" class="hidden-field" id="_customer_id" name="_customer_id">
					<input type="hidden" class="hidden-field" id="_addr_index" name="_addr_index">
					<input type="hidden" class="hidden-field" id="_addr_for" name="_addr_for">
					<div class="form-group">
						<label for="_name" class="control-label">Name</label>
						<input type="text" data-func-cancel="clearAddressModalBox" class="form-control addr-box-field" id="_name" name="_name" data-validation="required">
					</div>
					<div class="form-group">
						<label for="_address" class="control-label">Address</label>
						<input type="text" class="form-control addr-box-field" id="_address" name="_address" data-validation="required">
					</div>
					<div class="form-group">
						<label for="_city" class="control-label">City</label>
						<input type="text" class="form-control addr-box-field cityField" id="_city" name="_city" data-validation="required">
					</div>
					<div class="form-group" id="addr-state" style="width:538px;margin-top: 35px;">
						<label for="_state" class="control-label normal">State</label>
						{!! FormField::select('_state', $states, $order, true, 'Please Select') !!}
					</div>
					<div class="form-group">
						<label for="_zip" class="control-label">Zip</label>
						<input type="text" class="form-control addr-box-field" id="_zip" name="_zip" maxlength="7" data-validation="required">
					</div>
					<div class="form-group">
						<label for="_contact" class="control-label">Contact</label>
						<input type="text" class="form-control addr-box-field" id="_contact" name="_contact" data-validation="required">
					</div>
					<div class="form-group">
						<label for="_phone" class="control-label">Phone</label>
						<input type="text" class="form-control addr-box-field" id="_phone" name="_phone" data-validation="required">
					</div>
					<div class="form-group">
						<label for="_email" class="control-label">Email</label>
						<input type="text" class="form-control addr-box-field" id="_email" name="_email" value="{{ FormField::value('_email', $order) }}">
					</div>
					<div class="clearfix"></div>
					<div class="form-group hours-box" id="shipfrom-hours">
						<label class="control-label">Shipping Hours</label>
						<div class="form-group col-md-5 padding-left">
							<input type="text" class="form-control timepicker" id="_shipping_from_hours" name="_shipping_from_hours" data-validation="required">
						</div>
						<span class="form-group col-md-2">--</span>
						<div class="form-group col-md-5 padding-left">
							<input type="text" class="form-control timepicker" id="_shipping_to_hours" name="_shipping_to_hours" data-validation="required">
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="form-group hours-box" id="shipto-hours">
						<label class="control-label">Receiving Hours</label>
						<div class="form-group col-md-5 padding-left">
							<input type="text" class="form-control timepicker" id="_receiving_from_hours" name="_receiving_from_hours" data-validation="required">
						</div>
						<span class="form-group col-md-2">--</span>
						<div class="form-group col-md-5 padding-left">
							<input type="text" class="form-control timepicker" id="_receiving_to_hours" name="_receiving_to_hours" data-validation="required">
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="form-group extra-stop-fields">
						<label class="control-label">Pickup Appointment</label>
						<div class="form-group col-md-5 padding-left">
							<input type="text" class="form-control datepicker" id="_pickup_date" name="_pickup_date">
						</div>
						<span class="form-group col-md-2">--</span>
						<div class="form-group col-md-5 padding-left">
							<input type="text" class="form-control timepicker" id="_pickup_time" name="_pickup_time">
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="form-group extra-stop-fields">
						<label class="control-label">Delivery Appointment</label>
						<div class="form-group col-md-5 padding-left">
							<input type="text" class="form-control datepicker" id="_delivery_date" name="_delivery_date">
						</div>
						<span class="form-group col-md-2">--</span>
						<div class="form-group col-md-5 padding-left">
							<input type="text" class="form-control timepicker" id="_delivery_time" name="_delivery_time">
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="form-group">
						<div class="checkbox">
						  <label class="filled">
							<input type="checkbox" id="_apt_required" name="_apt_required" value="1"> Appointment Required </label>
						</div>
					</div>
					<div class="form-group">
						<label for="_notes" class="control-label">Notes</label>
						<textarea class="form-control addr-box-field" id="_notes" name="_notes"></textarea>
					</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>
<!-------------------->


<!-- Attach Modal -->
<div class="modal fade" id="attachModal" 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">Attach Document</h4>
		</div>
		<form class="form-floating form-validate form-ajax" id="attachform" name="attachform">
		<div class="modal-body" style="overflow:hidden;">
			  <div class="col-md-12">
				<fieldset>
					<div class="form-group" style="width:538px;margin-top: 35px;">
						<label for="document_type" class="control-label normal">Document Type</label>
						{!! FormField::select('document_type', $documentTypes, null, true, 'Please Select') !!}
					</div>
					<div class="form-group">
						<div id="dragbox">
							<p class="dropmessage">Drop files here or click to upload.</p>
							<p class="fileselect" id="filename"></p>
						</div>
					</div>
				</fieldset>
			  </div>
			  <div class="clearfix"></div>
		</div>
		<div class="modal-footer firstTime_footer">
		  <input class="btn btn-sm btn-danger" type="button" name="attach" value="Attach" id="attach"></input>
		</div>
		</form>
	  </div>  
	</div>
</div>
<!-------------------->

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

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