@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 mb-3">
    <div class="blck-white 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="/drivers/{{ $load_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="/drivers/{{ $load_id }}/loads"><i class="bi bi-truck"></i> Loads</a></li>
      </ul>
    </div>
  </div>
  <div class="col-12 mb-3">
    <div class="blck-white">
      <h6 class="my-2 ms-2">Load History of {{ $loads[0]->driverData->firstname.' '.$loads[0]->driverData->lastname }}:</h6>
      <table class="table table-striped table-hover align-middle">
        <thead>
          <tr>
            <td width="80" class="text-muted">Load #</td>
            <td class="text-muted">Trip</td>
            <td class="d-none d-md-table-cell text-muted">Rate</td>
            <td class="d-none d-md-table-cell text-muted">Price</td>
            <td class="text-muted text-center">Status</td>
            <td></td>
          </tr>
        </thead>
        <tbody class="result">
          @foreach($loads as $load)
          <tr>
            <td>{{ $load->load_number }}</td>
            <td>{{ $load->pickup_city.', '.$load->pickup_state }} -> {{ $load->delivery_city.', '.$load->delivery_state }}</td>
            <td class="d-none d-md-table-cell">${{ $load->rate }}/mile</td>
            @if($load->status == 'canceled')<td class="d-none d-md-table-cell"><span class="text-decoration-line-through text-danger">${{ $load->price }}</span><br>${{$load->tonu}}</td>@elseif($load->status == 'recovery')<td class="d-none d-md-table-cell"><span class="text-decoration-line-through text-danger">${{ $load->price }}</span><br>${{$load->price_recovery}}</td>@else<td class="d-none d-md-table-cell">${{ $load->price }}</td>@endif
            <td class="text-center"><span class="badge text-bg-{{ $load->status === 'booked' ? 'primary' : ($load->status === 'pickup' ? 'success' : ($load->status === 'waiting pickup' ? 'warning' : ($load->status === 'canceled' ? 'danger' : ($load->status === 'recovery' ? 'info' : 'secondary')))) }}">{{ $load->status }}</span></td>
            <td><a href="/loads/{{$load->id}}" class="icon-table-inactive" title="view"><i class="bi bi-eye-fill"></i></a></td>
          </tr>
          @endforeach
        </tbody>
      </table>
      {{ $loads->links('vendor/pagination') }}
    </div>
  </div>
</div>
@endsection

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