@extends('layout')

@section('body')
<div class="px-0 px-md-3 my-4">
	<form method="POST" action="/store/maintenance" class="row">
		@csrf
		<div class="col-12 mb-3">
			<div class="blck-white">
				<h5 class="ms-2 mt-2 mb-3">Make Appointment:</h5>
				<div class="d-flex flex-row align-items-center mb-2">
					<div class="flex-fill">
						<label class="form-label">Driver<span class="fw-bold text-danger">*</span>:</label>
					</div>
					<div class="flex-fill">
						@if(in_array($usr->role,['admin','accounting','safety','owner']))
						<select name="user" class="form-control" required>
							@foreach($drivers as $driver)
							@if($driver->id!=$usr->id)
							<option value="{{$driver->id}}">{{$driver->fDriverData?$driver->fDriverData->fTruckData?$driver->fDriverData->fTruckData?->number.' |':'':''}} {{$driver->firstname}} {{$driver->lastname}} {{$driver->middlename}}</option>
							@endif
							@endforeach
						</select>
						@else
						{{$usr->fdriverData?$usr->fdriverData->fTruckData?$usr->fdriverData->fTruckData->number:'-':'-'}} | {{$usr->firstname}} {{$usr->lastname}} {{$usr->middlename}}
						<input type="hidden" name="user" value="{{$usr->id}}">
						@endif
					</div>
				</div>
				<div class="d-flex flex-row align-items-center mb-2">
					<div class="flex-fill"><label class="form-label">Date<span class="fw-bold text-danger">*</span>:</label></div>
					<div class="flex-fill"><input type="date" name="date" class="form-control" min="{{date('Y-m-d')}}" required></div>
				</div>
			</div>
		</div>
		<div class="col-12 mb-3">
			<div class="blck-white">
				<h5>Truck Repair Service:</h5>
				<input type="checkbox" class="btn-check" name="truck[]" value="registration" id="truckplate" autocomplete="off">
				<label class="btn btn-outline-primary mb-1" for="truckplate">Plate Registration</label>
				<input type="checkbox" class="btn-check" name="truck[]" value="insurance" id="truckinsurance" autocomplete="off">
				<label class="btn btn-outline-primary mb-1" for="truckinsurance">Insurance</label>
				<input type="checkbox" class="btn-check" name="truck[]" value="annual" id="truckannual" autocomplete="off">
				<label class="btn btn-outline-primary mb-1" for="truckannual">Annual Inspection</label>
				<input type="checkbox" class="btn-check" name="truck[]" value="engine" id="truckengine" autocomplete="off">
				<label class="btn btn-outline-primary mb-1" for="truckengine">Engine</label>
				<input type="checkbox" class="btn-check" name="truck[]" value="wheels" id="truckwheels" autocomplete="off">
				<label class="btn btn-outline-primary mb-1" for="truckwheels">Wheels</label>
				<input type="checkbox" class="btn-check" name="truck[]" value="break" id="truckbreak" autocomplete="off">
				<label class="btn btn-outline-primary mb-1" for="truckbreak">Brakes</label>
			</div>
		</div>
		<div class="col-12 mb-3">
			<div class="blck-white">
				<h5>Trailer Repair Service:</h5>
				<input type="checkbox" class="btn-check" name="trailer[]" value="registration" id="trailerkplate" autocomplete="off">
				<label class="btn btn-outline-primary mb-1" for="trailerkplate">Plate Registration</label>
				<input type="checkbox" class="btn-check" name="trailer[]" value="insurance" id="truailerinsurance" autocomplete="off">
				<label class="btn btn-outline-primary mb-1" for="truailerinsurance">Insurance</label>
				<input type="checkbox" class="btn-check" name="trailer[]" value="brake" id="trailerengine" autocomplete="off">
				<label class="btn btn-outline-secondary mb-1" for="trailerengine">Engine</label>
				<input type="checkbox" class="btn-check" name="trailer[]" value="engine" id="trailerwheels" autocomplete="off">
				<label class="btn btn-outline-secondary mb-1" for="trailerwheels">Wheels</label>
				<input type="checkbox" class="btn-check" name="trailer[]" value="wheels" id="trailerbreak" autocomplete="off">
				<label class="btn btn-outline-secondary mb-1" for="trailerbreak"><i class="bi bi-car-front-fill"></i> Brakes</label>
			</div>
		</div>
		<div class="col-12 col-md-3">
			<button class="btn btn-success w-100">Make an appointment</button>
		</div>
	</form>
</div>
@endsection