@extends('layout')

@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 row-cols-2 mx-1">
      <h6 class="my-2 col-12">Statements:</h6>
      @if($statements)
      @foreach($statements as $statement)
      @if($statement->statementfile)
      <div class="col">{{$statement->period_start}}</div>
      <div class="col"><a href="{{asset($statement->statementfile)}}" class="text-decoration-none">Download  <i class="bi bi-receipt"></i></a></div>
      @endif
      @endforeach
      @else
      @endif
    </div>
  </div>
  <div class="col-12 col-md-4 mb-3">
    <div class="blck-white mx-1">
      <h6 class="my-2 ms-2">Claims:</h6>
      @if(!$claims)
      <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->truck_number}} | {{ $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">
      <h6 class="my-2 ms-2">Maintenance:</h6>
      @if($maintenance->isEmpty())
      <p class="text-center">You have not any appointment.</p>
      @else
      @foreach($maintenance as $mt)
      <div class="">{{$mt->truck_number}} {{$mt->fullname}}
        @if($mt->invoice)
        <a href="{{$mt->invoice}}" class="float-end text-decoration-none icon-table-inactive"><i class="bi bi-receipt"></i></a>
        @else
        <span class="badge bg-warning float-end text-dark">waiting</span>
        @endif
      </div>
      @endforeach
      @endif
    </div>
  </div>
  <div class="col-12">
    <div class="blck-white">
      <livewire:driverstable :role="$usr->role" :owner_drivers="$owner_drivers" />
    </div>
  </div>
</div>
@endsection