@extends('driver._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 col-md-4 mb-3">
    <div class="blck-white row mx-1 h-100">
      <h6 class="my-2">Money</h6>
      <div class="col">Gross:</div>
      <div class="col fw-bold text-primary">B</div>
      <div class="clearfix mt-0"></div>
      <div class="col">Fuel:</div>
      <div class="col fw-bold text-warning">B</div>
      <div class="clearfix mt-0"></div>
      <div class="col">Company cash:</div>
      <div class="col fw-bold text-danger">B</div>
      <div class="clearfix mt-0"></div>
      <div class="col">Income:</div>
      <div class="col fw-bold text-success">B</div>
    </div>
  </div>
  <div class="col-12 col-md-4 mb-3">
    <div class="blck-white mx-1 h-100">
      <h6 class="my-2 ms-2">Claims</h6>
      @if($claims->isEmpty())
      <p class="text-center">You have not any claims</p>
      @else
      @foreach($claims as $claim)
      <a href="/loads/{{$claim->id}}" class="text-decoration-none icon-table-inactive d-block">{{ $claim->pickup_city }}, {{ $claim->pickup_state }}<i class="bi bi-eye-fill float-end"></i></a>
      @endforeach
      @endif
    </div>
  </div>
  <div class="col-12 col-md-4 mb-3">
    <div class="blck-white mx-1 h-100">
      <h6 class="my-2 ms-2">Files</h6>
      <a href="{{ asset('pdf/fakecompany/'.auth()->user()->id.'/truck-lease.pdf') }}" class="d-block text-decoration-none"><i class="bi bi-filetype-pdf"></i> Truck Lease Agreement</a>
      <a href="{{ asset('pdf/fakecompany/'.auth()->user()->id.'/trailer-lease.pdf') }}" class="d-block text-decoration-none"><i class="bi bi-filetype-pdf"></i> Trailer Lease Agreement</a>
      <a href="{{ asset('pdf/fakecompany/'.auth()->user()->id.'/sign.pdf') }}" class="d-block text-decoration-none"><i class="bi bi-filetype-pdf"></i> Company Sign</a>
      <a href="{{ asset('pdf/fakecompany/'.auth()->user()->id.'/id.pdf') }}" class="d-block text-decoration-none"><i class="bi bi-filetype-pdf"></i> Initial Documents</a>
    </div>
  </div>
  <div class="col-12 blck-white">
    <h6 class="my-2 ms-2">Last loads</h6>
    <table class="table table-striped table-hover">
      <thead>
        <tr>
          <td>Date</td>
          <td>Trip</td>
          <td class="d-none d-md-table-cell">Rate</td>
          <td class="d-none d-md-table-cell">Price</td>
          <td class="text-center">Status</td>
          <td></td>
        </tr>
      </thead>
      <tbody>
        @if($loads->isEmpty())
        <tr><td colspan="6" class="text-center">You have not any load</td></tr>
        @else
        @foreach($loads as $load)
        <tr>
          <td>{{ date('j M Y', strtotime($load->pickup_date)) }}</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
        @endif
      </tbody>
    </table>
  </div>
</div>
@endsection

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