@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">
    <h5 class="my-2 ms-2">Claims:</h5>
    <table class="table table-striped table-hover align-middle">
      <thead>
        <tr>
          <td width="80" class="text-muted">Load #</td>
          <td width="80" class="text-muted">Truck #</td>
          <td class="d-none d-md-table-cell text-muted">Driver</td>
          <td class="d-none d-md-table-cell text-muted">Dispatch</td>
          <td class="text-muted">Trip</td>
          <td class="text-muted">Status</td>
          <td></td>
        </tr>
      </thead>
      <tbody class="result">
        @if($loads->isEmpty())
        <tr>
          <td colspan="7" class="text-center">You have not any claims</td>
        </tr>
        @else
        @foreach($loads as $load)
        <tr>
          <td>{{ $load->load_number }}</td>
          <td>{{ $load->truckData->number }}</td>
          <td class="d-none d-md-table-cell">{{ $load->driverData->firstname.' '.$load->driverData->lastname }}</td>
          <td class="d-none d-md-table-cell">{{ $load->dispatchData->firstname.' '.$load->dispatchData->lastname }}</td>
          <td>{{ $load->pickup_city.', '.$load->pickup_state }} -> {{ $load->delivery_city.', '.$load->delivery_state }}</td>
          <td><span class="badge text-bg-{{ $load->is_claimed == 1 ? 'danger' : '' }}">{{ $load->is_claimed==1 ? 'claim' : '' }}</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
        @endif
      </tbody>
    </table>
    {{ $loads->links('vendor/pagination') }}
  </div>
</div>
@endsection

@section('script')
<script>

</script>
@endsection