@extends('owner._layout')

@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

@section('body')
<div class="row px-0 px-md-3 my-4">
  <div class="col-12 blck-white">
    <h6 class="my-2 ms-2">Drivers</h6>
    <table class="table table-striped table-hover">
      <thead>
        <tr>
          <td>Truck</td>
          <td>Fullname</td>
          <td>Status</td>
          <td></td>
        </tr>
      </thead>
      <tbody>
        @if($drivers->isEmpty())
        <tr>
          <td colspan="4">Your drivers did not set up yet</td>
        </tr>
        @else
      	@foreach($drivers as $driver)
        <tr>
          <td>{{ $driver->truckData->number }}</td>
          <td>{{ $driver->userData->firstname.' '.$driver->userData->lastname }}</td>
          <td>{!! $driver->status === 'loaded' ? '<span class="badge text-bg-success">loaded</span>' : '<span class="badge text-bg-secondary">waiting</span>' !!}</td>
          <td class="text-end"><a href="/users/{{ $driver->id }}" class="icon-table-inactive" title="view"><i class="bi bi-eye-fill"></i></a></td>
        </tr>
        @endforeach
        @endif
      </tbody>
    </table>
  </div>
</div>
@endsection

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