@extends('owner._layout')

@section('body')
<div class="row px-0 px-md-3 my-4">
	<div class="col-12 mb-3 blck-white inner-page-menu">
		<ul class="nav nav-pills justify-content-center">
			<li class="nav-item mx-1 mb-2 mb-md-0"><a class="nav-link disabled active" href="/loads/{{$load->id}}"><i class="bi bi-file-earmark-text"></i> Preview</a></li>
			<li class="nav-item mx-1 mb-2 mb-md-0"><a class="nav-link" href="/loads/{{$load->id}}/report"><i class="bi bi-chat-square-dots"></i> Reports</a></li>
			<li class="nav-item mx-1 mb-2 mb-md-0"><a class="nav-link" href="/loads/{{$load->id}}/files"><i class="bi bi-file-earmark-pdf"></i> Files</a></li>
		</ul>
	</div>
	<div class="col-12 col-md-6 mb-3">
		<div class="blck-white">
			<h5 class="ms-2 my-2">Load Information</h5>
			<div class="row">
				<div class="col mb-2">Load #:</div>
				<div class="col mb-2 fw-medium">{{ $load->load_number }}</div>
				<div class="clearfix mt-0"></div>
				<div class="col mb-2">Customer Load #:</div>
				<div class="col mb-2 fw-medium">{{ $load->customer_load_id }}</div>
				<div class="clearfix mt-0"></div>
				<div class="col mb-2">Pickup date:</div>
				<div class="col mb-2 fw-medium">{{ date('j M Y', strtotime($load->pickup_date)) }}</div>
				<div class="clearfix mt-0"></div>
				<div class="col mb-2">Delivery date:</div>
				<div class="col mb-2 fw-medium">{{ date('j M Y', strtotime($load->delivery_date)) }}</div>
				<div class="clearfix mt-0"></div>
				<div class="col mb-2">Weight(pounds):</div>
				<div class="col mb-2 fw-medium">{{ $load->weight }}</div>
				<div class="clearfix mt-0"></div>
				<div class="col mb-2">Length(ft):</div>
				<div class="col mb-2 fw-medium">{{ $load->length }}</div>
				<div class="clearfix mt-0"></div>
				<div class="col mb-2">Distance:</div>
				<div class="col mb-2 fw-medium">{{ $load->distance }}</div>
				<div class="clearfix mt-0"></div>
				<div class="col mb-2">Price:</div>
				<div class="col mb-2 fw-medium"><span class="text-{{ $load->tonu ? 'danger text-decoration-line-through':'dark' }}"> ${{ $load->price }}</span> (${{ $load->rate }}/mile)</div>
				<div class="clearfix mt-0"></div>
				@if($load->tonu)
				<div class="col mb-2">Tonu:</div>
				<div class="col mb-2 fw-medium">${{ $load->tonu}}</div>
				<div class="clearfix mt-0"></div>
				@endif
				@if($load->price_recovery)
				<div class="col mb-2">Recovery Price:</div>
				<div class="col mb-2 fw-medium">${{ $load->price_recovery}}</div>
				<div class="clearfix mt-0"></div>
				@endif
				<div class="col mb-2">Trip:</div>
				<div class="col mb-2 fw-medium">{{ $load->pickup_city }}, {{ $load->pickup_state }} -> {{ $load->delivery_city }}, {{ $load->delivery_state }}</div>
				<div class="clearfix mt-0"></div>
				<div class="col mb-2">Status:</div>
				<div class="col mb-2 fw-medium"><span class="badge text-bg-{{ $load->status === 'booked' ? 'primary' : ($load->status === 'pickup' ? 'success' : ($load->status === 'waiting pickup' ? 'warning' : ($load->status === 'canceled' ? 'danger' : ($load->status === 'recovery' ? 'info' : 'secondary')))) }}">{{ $load->status }}</span></div>
				<div class="clearfix mt-0"></div>
				@if($load->is_claimed)
				<div class="col mb-2">Payment:</div>
				<div class="col mb-2 fw-medium"><span class="badge bg-danger">CLAIMED</span></div>
				<div class="clearfix mt-0"></div>
				@endif
			</div>
		</div>
	</div>
	<div class="col-12 col-md-6 mb-3">
		<div class="blck-white">
			<h5 class="my-2 ms-2">Broker information:</h5>
			<div class="row">
				<div class="col mb-2">Company Name:</div>
				<div class="col mb-2 fw-medium">{{ $load->brokerdata->name }}</div>
				<div class="clearfix mt-0"></div>
				<div class="col mb-2">Address:</div>
				<div class="col mb-2 fw-medium">{{ $load->brokerdata->address1 }} {{$load->brokerdata->city}}, {{ $load->brokerdata->state }} {{ $load->brokerdata->zipcode}}</div>
				<div class="clearfix mt-0"></div>
				<div class="col mb-2">Phone:</div>
				<div class="col mb-2 fw-medium">{{ $load->brokerdata->phone }}</div>
				<div class="clearfix mt-0"></div>
				<div class="col mb-2">Email:</div>
				<div class="col mb-2 fw-medium">{{ $load->brokerdata->email }}</div>
				<div class="clearfix mt-0"></div>
				<div class="col mb-2">Website:</div>
				<div class="col mb-2 fw-medium"><a href="{{ $load->brokerdata->website }}" target="_blank">{{ $load->brokerdata->website }}</a></div>
				<div class="clearfix mt-0"></div>
			</div>
			<h5 class="ms-2">Agent infromation:</h5>
			<div class="row">
				<div class="col mb-2">Full Name:</div>
				<div class="col mb-2 fw-medium">{{ $load->agentdata->firstname }} {{ $load->agentdata->lastname }}</div>
				<div class="clearfix mt-0"></div>
				<div class="col mb-2">Phone:</div>
				<div class="col mb-2 fw-medium">{{ $load->agentdata->phone}}</div>
				<div class="clearfix mt-0"></div>
				<div class="col mb-2">Email:</div>
				<div class="col mb-2 fw-medium">{{ $load->agentdata->email}}</div>
				<div class="clearfix mt-0"></div>
			</div>
		</div>
	</div>
	<div class="col-12 mb-3">
		<div class="blck-white">
			<div class="row">
				<div class="col-12 col-xl-6">
					<h5 class="my-2 ms-2">Driver information:</h5>
					<div class="row">
						<div class="col mb-2">Full Name:</div>
						<div class="col mb-2 fw-medium">{{ $load->driverData->firstname }} {{ $load->driverData->lastname }}</div>
						<div class="clearfix mt-0"></div>
						<div class="col mb-2">Truck #:</div>
						<div class="col mb-2 fw-medium">{{ $load->truckData->number }}</div>
						<div class="clearfix mt-0"></div>
						<div class="col mb-2">Trailer #:</div>
						<div class="col mb-2 fw-medium">{{ $load->trailerData->number }}</div>
						<div class="clearfix mt-0"></div>
						@if($load->driver2)
						<div class="col mb-2">Driver 2:</div>
						<div class="col mb-2 fw-medium">{{ $load->driver2 }}</div>
						<div class="clearfix mt-0"></div>
						@endif
					</div>
				</div>
				<div class="col-12 col-xl-6">
					<h5 class="my-2 ms-2">Dispatch</h5>
					<div class="row">
						<div class="col mb-2">Full Name:</div>
						<div class="col mb-2 fw-medium">{{ $load->dispatchData->firstname }} {{ $load->dispatchData->lastname }}</div>
					</div> 
				</div>
			</div>
		</div>
	</div>
	<div class="col-12 col-xl-6 mb-3">
		<div class="blck-white">
			<h5 class="my-2 ms-2">Location:</h5>
			<table class="table">
				<thead>
					<tr>
						<td>Date</td>
						<td>location</td>
						<td>note</td>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>18 Apr 23</td>
						<td>Chicago, IL</td>
						<td>pickup</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
	<div class="col-12 col-xl-6">
		Google maps
	</div>
</div>
@endsection

@section('script')
<script>

</script>
@endsection