@extends('layout')

@section('body')
<div class="row px-0 px-md-3 my-4">
	@if(session('message'))
	<div class="alert alert-success alert-dismissible fade show" role="alert">
		<strong>{{ session('message') }}</strong>
		<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
	</div>
	@endif
	@error('email')
	<div class="alert alert-danger alert-dismissible fade show" role="alert">
		<strong>{{ $message }}</strong>
		<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
	</div>
	@enderror
	@error('lastname')
	<div class="alert alert-danger alert-dismissible fade show" role="alert">
		<strong>{{ $message }}</strong>
		<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
	</div>
	@enderror
	@error('firstname')
	<div class="alert alert-danger alert-dismissible fade show" role="alert">
		<strong>{{ $message }}</strong>
		<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
	</div>
	@enderror
	@if(session('error'))
	<div class="alert alert-danger alert-dismissible fade show" role="alert">
		<strong>{{ session('error') }}</strong>
		<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
	</div>
	@endif

	<!-- Navigate -->
	<div class="col-12 mb-3">
		<div class="blck-white">
			<div class="row">
				<div class="col inner-page-menu">
					<ul class="nav nav-pills justify-content-center">
						<li class="nav-item mx-1 mb-1 mb-sm-0"><a class="nav-link disabled active" href="/users/{{$user->id}}"><i class="bi bi-person-bounding-box"></i> Profile</a></li>
						@if($driverdata)
						<li class="nav-item mx-1 mb-1 mb-sm-0"><a class="nav-link" href="{{$usr->role == 'driver' ? '/loads':'/drivers/'.$user->id.'/loads'}}"><i class="bi bi-truck"></i> Loads</a></li>
						@endif
						@if($usr->role == 'admin')
						<li class="nav-item mx-1 mb-1 mb-sm-0"><a class="nav-link" href="/logs/user/{{$user->id}}"><i class="bi bi-clock-history"></i> Logs</a></li>
						@endif
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- Navigate -->

	<!-- Profile -->
	<div class="col-12 col-lg-6 mb-3">
		<div class="blck-white">
			<span class="ms-2 my-2 d-inline-block h4">Personal Information:</span>
			@if($user->active == 0 && $user->firstname)
			<span class="badge bg-secondary">deleted</span>
			@endif
			@if($user->active == 0 && !$user->firstname)
			<span class="badge bg-primary">new</span>
			@endif
			@if($usr->role == 'admin')
			<a href="/users/{{$user->id}}/edit" class="float-end pointer icon-table-inactive h5 ms-2"><i class="bi bi-pencil-square"></i></a>
			@endif
			@if(($usr->role == 'safety' && $user->active == 1 && $user->role!='admin' && $user->role!='dispatch' && $user->role!='safety') || $user->id == $usr->id && $usr->role!='admin')
			<a href="/users/{{$user->id}}/edit" class="float-end pointer icon-table-inactive h5 ms-2"><i class="bi bi-pencil-square"></i></a>
			@endif
			<div class="row row-cols-2 my-2">
				@if($user->avatar)
				<div class="col-12 text-center mb-2">
					<div class="profile-avatar mx-auto">
						<img src="{{ $user->avatar }}" width="200" class="img-fluid" {!! $user->active==0 ? 'style="filter: grayscale(100%);"': '' !!}>
					</div>
				</div>
				@endif
				<div class="col mb-2">Full Name:</div>
				<div class="col mb-2">{{ $user->firstname }} {{ $user->lastname }} {{ $user->middlename }}</div>
				<div class="col mb-2">Date Of Birth:</div>
				<div class="col mb-2">{{ $user->dateofbirth ? date('d.m.Y', strtotime($user->dateofbirth)) : '' }}</div>
				<div class="col mb-2">Cell Phone:</div>
				<div class="col mb-2">{{ $user->cellphone }}</div>
				<div class="col mb-2">Home Phone:</div>
				<div class="col mb-2">{{ $user->homephone }}</div>
				<div class="col-12 col-lg-6 mb-2">Email:</div>
				<div class="col-12 col-lg-6 mb-2">{{ $user->email }}</div>
				@if($usr->role == 'admin' || $usr->role=='accounting')
				<div class="col mb-2">SSN:</div>
				<div class="col mb-2">{{ $user->ssn }}</div>
				@endif
				<div class="col mb-2">Role:</div>
				<div class="col mb-2">{{ $user->role }}</div>
				<div class="col mb-2">Inform by:</div>
				<div class="col mb-2">
					<i class="bi bi-{{ $user->informbyemail?'check-square':'x-square'}}"></i> Email
					<i class="bi bi-{{ $user->informbyphone?'check-square':'x-square'}}"></i> Phone
				</div>
			</div>
		</div>
	</div>
	<!-- Profile -->

	<!-- Logs -->
	@if($usr->role=='admin' && ($user->role!='driver' && $user->role!='owner'))
	<div class="col-12 col-lg-6 mb-3">
		<div class="blck-white">
			<h4 class="my-2 ms-2">Last Activities:</h4>
			<table class="table">
				<thead>
					<tr>
						<td>Date</td>
						<td>Model</td>
						<td>Action</td>
						<td></td>
					</tr>
				</thead>
				<tbody>
					@if($logs)
					@foreach($logs as $log)
					<tr>
						<td>{{$log->created_at}}</td>
						<td>{{$log->model}}</td>
						<td>{{$log->action}}</td>
						<td>
							@if($log->model == 'load')
							<a href="/loads/{{$log->uuid}}" class="text-decoration-none"><i class="bi bi-eye-fill"></i></a>
							@endif
							@if($log->model == 'user')
							<a href="/users/{{$log->uuid}}" class="text-decoration-none"><i class="bi bi-eye-fill"></i></a>
							@endif
							@if($log->model == 'truck')
							<a href="/trucks/{{$log->uuid}}" class="text-decoration-none"><i class="bi bi-eye-fill"></i></a>
							@endif
							@if($log->model == 'broker')
							<a href="/brokers/{{$log->uuid}}" class="text-decoration-none"><i class="bi bi-eye-fill"></i></a>
							@endif
							@if($log->model == 'fuel')
							<a href="/fuel/{{$log->uuid}}" class="text-decoration-none"><i class="bi bi-eye-fill"></i></a>
							@endif
							@if($log->model == 'statement')
							<a href="/statements/{{$log->uuid}}" class="text-decoration-none"><i class="bi bi-eye-fill"></i></a>
							@endif
						</td>
					</tr>
					@endforeach
					<tr>
						<td colspan="4" class="text-center">
							<a href="/logs/activities/{{$user->id}}" class="btn btn-sm btn-primary w-100">See full activities</a>
						</td>
					</tr>
					@else
					<tr>
						<td colspan="4" class="text-center">No activities yet.</td>
					</tr>
					@endif
				</tbody>
			</table>
		</div>
	</div>
	@endif
	<!-- Logs -->

	<!-- Truck -->
	@if($driverdata)
	<div class="col-12 col-lg-6 mb-3">
		<div class="blck-white">
			<span class="ms-2 my-2 d-inline-block h4">Truck Information:</span>
			@if($usr->role == 'admin' || ($usr->role == 'safety' && $user->active == 1))
			<a href="/drivers/{{$user->id}}/edit" class="float-end pointer icon-table-inactive h5 ms-2"><i class="bi bi-pencil-square"></i></a>
			@endif
			<div class="row row-cols-2">
				<div class="col mb-2">Truck:</div>
				<div class="col mb-2">{{$driverdata->fTruckData?$driverdata->fTruckData->number.' '.$driverdata->fTruckData->make.' '.$driverdata->fTruckData->model:''}}</div>
				<div class="col mb-2">Plate:</div>
				<div class="col mb-2">{{$driverdata->fTruckData?$driverdata->fTruckData->plate:''}}</div>
				<div class="col mb-2">Plate Expire Date:</div>
				<div class="col checkexpiredate mb-2">{{$driverdata->fTruckData?$driverdata->fTruckData->plate_expired:''}}</div>
				<div class="col mb-2">Annual Expire Date:</div>
				<div class="col checkexpiredate mb-2">{{$driverdata->fTruckData?$driverdata->fTruckData->annual_expired:''}}</div>
				<div class="col mb-2">Truck Insurance:</div>
				<div class="col checkexpiredate mb-2">{{$driverdata->fTruckData?$driverdata->fTruckData->insurance_expired:''}}</div>
			</div>
		</div>
		<div class="blck-white mt-3">
			<span class="ms-2 my-2 d-inline-block h4">Trailer Information:</span>
			@if($usr->role == 'admin' || ($usr->role == 'safety' && $user->active == 1))
			<a href="/drivers/{{$user->id}}/edit" class="float-end pointer icon-table-inactive h5 ms-2"><i class="bi bi-pencil-square"></i></a>
			@endif
			<div class="row row-cols-2">
				<div class="col mb-2">Trailer:</div>
				<div class="col mb-2">{{$driverdata->fTrailerData?$driverdata->fTrailerData->number.' '.$driverdata->fTrailerData->make.' '.$driverdata->fTrailerData->model:''}}</div>
				<div class="col mb-2">Plate:</div>
				<div class="col mb-2">{{$driverdata->fTrailerData?$driverdata->fTrailerData->plate:''}}</div>
				<div class="col mb-2">Plate Expire Date:</div>
				<div class="col checkexpiredate mb-2">{{$driverdata->fTrailerData?$driverdata->fTrailerData->plate_expired:''}}</div>
				<div class="col mb-2">Truck Insurance:</div>
				<div class="col checkexpiredate mb-2">{{$driverdata->fTrailerData?$driverdata->fTrailerData->insurance_expired:''}}</div>
			</div>
		</div>
	</div>
	@endif
	<!-- Truck -->

	<!-- Driver -->
	@if($driverdata)
	<div class="col-12 col-lg-5 mb-3">
		<div class="blck-white">
			<span class="ms-2 my-2 d-inline-block h4">Driver Information:</span>
			@if($usr->role == 'admin' || ($usr->role == 'safety' && $user->active == 1))
			<a href="/drivers/{{$user->id}}/edit" class="float-end pointer icon-table-inactive h5 ms-2"><i class="bi bi-pencil-square"></i></a>
			@endif
			<div class="row row-cols-2">
				<div class="col mb-2">Dispatch:</div>
				<div class="col mb-2">
					@if($driverdata->fDispatchData)
					<a href="/users/{{$driverdata->dispatch_id}}" class="text-decoration-none">
						<img src="{{$driverdata->fDispatchData->avatar}}" width="24" height="24" class="rounded"> {{$driverdata->fDispatchData->firstname}} {{$driverdata->fDispatchData->lastname}}
					</a>
					@endif
				</div>
				@if($driverdata->owner_id)
				<div class="col mb-2">Owner:</div>
				<div class="col mb-2">
					<a href="/users/{{$driverdata->owner_id}}" class="text-decoration-none">
						<img src="{{asset($driverdata->fOwnerData->avatar)}}" class="rounded" width="24" height="24"> {{$driverdata->fOwnerData->firstname}} {{$driverdata->fOwnerData->lastname}}
					</a>
				</div>
				@endif
				<div class="col mb-2">Current Status:</div>
				<div class="col mb-2">
					@if($driverdata->status == 'waiting' || $driverdata->status == 'deleted')
					<span class="badge bg-secondary">waiting</span>
					@endif
					@if($driverdata->status == 'loaded')
					<span class="badge bg-success">loaded</span>
					@endif
				</div>
				<div class="col mb-2">DL Expire Date:</div>
				<div class="col checkexpiredate mb-2">{{$user->fDriverData->dl_expired}}</div>
				<div class="col mb-2">Med Expire Date:</div>
				<div class="col checkexpiredate mb-2">{{$user->fDriverData->medical_expired}}</div>
				<div class="col mb-2">MVR Expire Date:</div>
				<div class="col checkexpiredate mb-2">{{$user->fDriverData->mvr_expired}}</div>
			</div>
		</div>
	</div>
	@endif
	<!-- Driver -->

	<!-- Contact Information -->
	@if($driverdata)
	<div class="col-12 col-lg-7 mb-3">
		<div class="blck-white">
			<span class="ms-2 my-2 d-inline-block h4">Contact Information:</span>
			@if($usr->role == 'admin' || ($usr->role == 'safety' && $user->active == 1))
			<a href="/drivers/{{$user->id}}/edit" class="float-end pointer icon-table-inactive h5 ms-2"><i class="bi bi-pencil-square"></i></a>
			@endif
			<div class="row row-cols-2">
				<div class="col-4 mb-2">Home Address:</div>
				<div class="col-8 mb-2">{{$driverdata->address1? $driverdata->address1.', '.$driverdata->address2.', '.$driverdata->city.', '.$driverdata->state.' '.$driverdata->zipcode:''}}</div>
				<div class="col-4  mb-2">Emergency Name:</div>
				<div class="col-8  mb-2">{{$driverdata->emergency_name?$driverdata->emergency_name.'('.$driverdata->emergency_relationship.')':''}}</div>
				<div class="col-4  mb-2">Emergency Phone:</div>
				<div class="col-8  mb-2">{{$driverdata->emergency_phone}}</div>
				<div class="col-4  mb-2">DL/CDL: </div>
				<div class="col-8  mb-2">{{$driverdata->dl_number}} <span class="fw-medium">Class:</span> {{$driverdata->dl_class}} <span class="fw-medium">State:</span> {{$driverdata->dl_state}}</div>
			</div>
		</div>
	</div>
	@endif
	<!-- Contact Information -->
	
	<!-- Funds -->
	@if(($driverdata ||$user->role == 'owner') && ($usr->role == 'admin' || $usr->role=='accounting'))
	<div class="col-12 mb-3">
		<div class="blck-white">
			<span class="ms-2 my-2 d-inline-block h4">Current Week Payments:</span>
			@if($usr->role == 'admin' || $usr->role == 'accounting')
			<span class="paymentbtntgl float-end pointer icon-table-inactive h5 ms-2"><i class="bi bi-plus-square-fill text-success"></i></span>
			@endif
			<table class="table table-striped">
				<thead>
					<tr>
						<td>Date</td>
						<td>Reason</td>
						<td>Amount</td>
						<td>Issued By</td>
						<td></td>
					</tr>
				</thead>
				<tbody>
					@if(!$funds->isEmpty())
					@foreach($funds as $fund)
					<tr>
						<td>{{$fund->fund_date}}</td>
						<td>{{$fund->reason}}</td>
						<td>
							@if($fund->is_charge)
							<span class="text-danger">${{$fund->amount}}</span>
							@else
							<span class="text-success">${{$fund->amount}}</span>
							@endif
						</td>
						<td>
							<a href="/users/{{$fund->issuedby_id}}" class="text-decoration-none">
								<img src="{{asset($fund->fIssuedData->avatar)}}" width="24" height="24" class="rounded me-2">{{$fund->fIssuedData->firstname}} {{$fund->fIssuedData->lastname}}
							</a>
						</td>
						<td><span class="delete icon-table-inactive pointer" onclick="deletecash({{$fund->id}})"><i class="bi bi-trash-fill"></i></span></td>
					</tr>
					@endforeach
					@else
					<tr>
						<td colspan="5" class="text-center">No Payments were founded.</td>
					</tr>
					@endif
				</tbody>
			</table>
			@if($usr->role == 'admin' || $usr->role == 'accounting')
			<form class="d-none row p-2 m-2 border rounded" id="paymentform" style="background-color:#c1c1c1;">
				<div class="col-12 col-lg-3 mb-2 m">
					<input type="hidden" name="driver_id" value="{{$user->id}}">
					<input type="date" name="fund_date" class="form-control" min="{{date('Y-m-d')}}" required>
				</div>
				<div class="col-12 col-lg-9 mb-2">
					<textarea rows="1" name="reason" placeholder="Reason" class="form-control" required></textarea>
				</div>
				<div class="col-12 col-lg-2 mb-2">
					<input type="text" name="amount" placeholder="Amount" class="form-control" required>
				</div>
				<div class="col-12 col-lg-2 mb-2">
					<select name="is_charge" class="form-control">
						<option value="1">Charge</option>
						<option value="0">Deposite</option>
					</select>
				</div>
				<div class="col-12 col-lg-2 mb-2">
					<select name="repeat" class="form-control" required>
						<option value="0">No repeat</option>
						<option value="1">Every Monday</option>
						<option value="2">Every Tuesday</option>
						<option value="3">Every Wednesday</option>
						<option value="4">Every Thursday</option>
						<option value="5">Every Friday</option>
						<option value="6">Every Saturday</option>
						<option value="7">Every Sunday</option>
						<option value="8">Monthly</option>
					</select>
				</div>
				<div class="col-12 col-lg-2 mb-2">
					<input type="text" name="totalcash" placeholder="Total Amount" class="form-control">
				</div>
				<div class="col-12 col-lg">
					<button class="btn btn-primary w-100">Add Payment</button>
				</div>
			</form>
			@endif
		</div>
	</div>
	@endif
	<!-- Funds -->

	<!-- Company -->
	@if($company)
	<div class="col">
		<div class="blck-white">
			<span class="ms-2 my-2 d-inline-block h4">Company Information:</span>
			@if($usr->role == 'admin' || ($usr->role == 'accounting' && $user->active == 1))
			<a href="/company/{{$user->id}}/edit" class="float-end pointer icon-table-inactive h5 ms-2"><i class="bi bi-pencil-square"></i></a>
			@endif
			<div class="row row-cols-2">
				<div class="col-4 mb-2">Company Name:</div>
				<div class="col-8 mb-2">{{$company->name}}</div>
				<div class="col-4 mb-2">Address:</div>
				<div class="col-8 mb-2">{{$company->address1}}, {{$company->address2}}, {{$company->city}}, {{$company->state}} {{$company->zipcode}}</div>
				<div class="col-4 mb-2">EIN:</div>
				<div class="col-8 mb-2">{{$company->ein}}</div>
				<div class="col-4 mb-2">Routing:</div>
				<div class="col-8 mb-2">{{$company->routing}}</div>
				<div class="col-4 mb-2">Accounting:</div>
				<div class="col-8 mb-2">{{$company->accounting}}</div>
			</div>
		</div>
	</div>
	@endif
	<!-- Company -->

	@if($usr->role == 'admin' || $usr->role == 'safety')
	<!-- Documents -->
	<div class="col">
		<div class="blck-white">
			<span class="ms-2 my-2 d-inline-block h4">Drivers Document:</span>
			<div class="gendocs d-inline-block btn btn-sm btn-primary float-end mt-1"><span class="spinner-border spinner-border-sm status me-1" role="status" style="display:none;"></span>Generate documents</div>
			<div class="genmessage my-2 alert bg-danger fw-medium text-white p-2" style="display:none;"></div>
			@if($driversdocuments)
			<table class="table table-striped table-hover">
				<thead>
					<tr>
						<td class="text-muted">Filename</td>
						<td class="text-muted">Generated date</td>
					</tr>
				</thead>
				<tbody>
					@foreach($driversdocuments as $dc)
					<tr>
						<td>
							<a href="/driversdocs/{{$user->id}}/{{$dc['filename']}}?{{ time() }}" target="_blank">{{$dc['filename']}}</a>
						</td>
						<td>{{$dc['created']}}</td>
					</tr>
					@endforeach
				</tbody>
			</table>
			@endif
		</div>
	</div>
	<!--/Documents -->
	@endif
</div>
@endsection


@section('script')
@if($usr->role == 'admin' || $usr->role == 'safety')
<script>
document.addEventListener('DOMContentLoaded', function(){
	const genbtn = document.querySelector('.gendocs');
	const genmsg = document.querySelector('.genmessage');

	genbtn.addEventListener('click',(e)=>{
		e.target.classList.add('disabled');
		e.target.firstElementChild.style.display="inline-block";
		fetch('/py/driverdoc?driver={{$user->id}}',{
			method:'GET',
		})
		.then(response=>{
			if(response.ok){
				return response.json();
			}
		})
		.then(data=>{
			if(data.message.slice(-4) === 'done') {
			    window.location.reload();
			} else {
				e.target.classList.remove('disabled');
			    e.target.firstElementChild.style.display="none";
			    genmsg.innerHTML = data.message;
			    genmsg.style.display='block';
			}
		});
	});
});
</script>
@endif

@if($usr->role == 'admin' || $usr->role == 'accounting')
<script>
document.addEventListener('DOMContentLoaded', function(){
	const fundForm = document.querySelector('#paymentform');
	const fundToggleBtn = document.querySelector('.paymentbtntgl');
	fundToggleBtn.addEventListener('click', (e)=>{
		e.target.classList.toggle('bi-plus-square-fill');
		e.target.classList.toggle('text-success');
		e.target.classList.toggle('bi-x-square-fill');
		e.target.classList.toggle('text-danger');
		fundForm.classList.toggle('d-none');
	});

	fundForm.addEventListener('submit',(e)=>{
		e.preventDefault();
		fetch('/store/cash',{
			method:'POST',
			body: new FormData(fundForm),
			headers:{
				'X-CSRF-TOKEN': '{{ csrf_token() }}',
			}
		})
		.then(response => {
			if(response.ok){
				return response.text();
			}
		})
		.then(data => {
			console.log(data);
			if(data == 'added'){
				window.location.reload();
			}
		})
		.catch(error => {
			console.log(error);
		});
	});
});
</script>
@endif

@endsection