@extends('owner._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
	<div class="col-12 col-md-4 mb-3">
		<a href="/maintenance/appointment" class="btn btn-primary w-100"><i class="bi bi-car-front-fill"></i> Make an appointment</a>
	</div>
	<div class="col-12 mb-3">
		<div class="blck-white result">
			<h5 class="ms-2 my-2">Maintenance history:</h5>
			<table class="table table-sm table-striped table-hover">
				<thead>
					<tr>
						<td>Date</td>
						<td>Truck #</td>
						<td>Driver</td>
						<td>Invoice</td>
					</tr>
				</thead>
				<tbody>
					@if($maintenances)
					@foreach($maintenances as $maintenance)
					<tr class="align-middle">
						<td>{{ date('j M Y', strtotime($maintenance->appointment)) }}</td>
						<td>{{ $maintenance->truckData->number }}</td>
						<td>{{ $maintenance->userData->firstname.' '.$maintenance->userData->lastname }}</td>
						<td>
							@if($maintenance->status == 1)
							<a href="{{ asset('/reciepts/'.$maintenance->invoice) }}" class="badge bg-primary text-decoration-none"><i class="bi bi-file-earmark-arrow-down"></i> Download</a>
							@else
							{!! strtotime(date('j M Y', strtotime($maintenance->appointment))) >= strtotime(date('j M Y', strtotime(now()))) ? '<span class="badge bg-warning">waiting</span>' : '<span class="badge bg-danger">canceled</span>' !!}
							@endif
						</td>
					</tr>
					@endforeach
					@else
					<tr>
						<td colspan="5" class="text-center">No maintenance history</td>
					</tr>
					@endif
				</tbody>
			</table>
		</div>
	</div>
</div>
@endsection

@section('script')
<script>
</script>
@endsection