@extends('layout')



@section('body')
<div class="row px-0 px-md-3 my-4">
  <div class="col-12 col-md-6 mb-3">
    <div class="blck-white row mx-1 h-100">
      <p class="my-2 ms-2"><span class="h6">Stats</span> <small>({{$stats['period']}})</small>:</p>
      <div class="col">Loads:</div>
      <div class="col fw-bold text-primary">{{$stats['count']}}</div>
      <div class="clearfix mt-0"></div>
      <div class="col">Canceled:</div>
      <div class="col fw-bold text-danger">{{$stats['canceled']}}</div>
      <div class="clearfix mt-0"></div>
      <div class="col">Amount:</div>
      <div class="col fw-bold text-success">${{$stats['amount']}}</div>
      <div class="clearfix mt-0"></div>
      <div class="col">Empty Miles:</div>
      <div class="col fw-bold text-warning">{{$stats['deadhead']}}</div>
    </div>
  </div>
  <div class="col-12 col-md-6 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">
    <div class="blck-white">
      <livewire:driverstable :role="$usr->role" />
    </div>
  </div>
</div>
@endsection

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