@extends('dispatch._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 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" href="/users/{{ $driver_id }}"><i class="bi bi-info-square"></i> Information</a></li>
            <li class="nav-item mx-1 mb-1 mb-sm-0"><a class="nav-link disabled active" href="#"><i class="bi bi-truck"></i> Loads</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="col-12 mb-3">
    <div class="blck-white">
      <h6 class="my-2 ms-2">Load History of <span class="text-primary">{{ $user->firstname.' '.$user->lastname }}</span>:</h6>
      <livewire:driversload :driver_id="$driver_id" />
    </div>
  </div>
</div>
@endsection

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