@extends('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-6 col-md-3 mb-3">
    <div class="bg-dark border rounded p-3 text-white fw-medium">
      <p class="mb-0 ms-2">Gross</p>
      <span class="h2 text-success">${{$weekwidget['gross']}}</span>
    </div>
  </div>
  <div class="col-6 col-md-3 mb-3">
    <div class="bg-dark border rounded p-3 text-white fw-medium">
      <p class="mb-0 ms-2">Loads</p>
      <span class="h2 text-danger" title="canceled">{{$weekwidget['load_canceled']}}</span>
      <span class="h4 text-light">/</span>
      <span class="h4 text-primary" title="total">{{$weekwidget['load_total']}}</span>
    </div>
  </div>
  <div class="col-6 col-md-3 mb-3">
    <div class="bg-dark border rounded p-3 text-white fw-medium">
      <p class="mb-0 ms-2">Trucks</p>
      <span class="h2 text-warning" title="waiting">{{$weekwidget['truck_loaded']}}</span>
      <span class="h4 text-light">/</span>
      <span class="h4 text-primary" title="total">{{$weekwidget['truck_waiting']}}</span>
    </div>
  </div>
  <div class="col-6 col-md-3 mb-3">
    <div class="bg-dark border rounded p-3 text-white fw-medium">
      <p class="mb-0 ms-2">Fuel</p>
      <span class="h2 text-danger">${{$weekwidget['fuel']}}</span>
    </div>
  </div>

  <div class="col-12 col-lg-4 mb-3 miniblock">
    <div class="blck-white row mx-1 h-100">
      <h6 class="my-2">Messages:</h6>
      @if($reports)
      @foreach($reports as $report)
      <a class="d-block text-decoration-none py-1 icon-inactive overflow-hidden" href="/loads/{{ $report['link'] }}">
        <img src="{{$report['avatar']}}" width="24">
        <span class="mx-2">{{ $report['comment'] }}</span>
        <i class="bi bi-eye-fill float-end"></i>
      </a>
      @endforeach
      @else
      <p class="text-center">No Report was founded.</p>
      @endif
    </div>
  </div>
  <div class="col-12 col-lg-4 mb-3 miniblock">
    <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-lg-4 mb-3">
    <div class="blck-white row mx-1 h-100">
      <h6 class="my-2 ms-2">Funds:</h6>
      @if($funds->isEmpty())
      <p>Information block for latest funds</p>
      @else
      @foreach($funds as $fund)
      @if($fund->fDriverData)
      <a class="d-block text-decoration-none py-1 icon-inactive overflow-hidden" href="/accounting/cash?date={{$fund->fund_date}}">
        <img src="{{asset($fund->fDriverData->avatar)}}" width="24" class="me-2">{{$fund->fDriverData->firstname}} {{$fund->fDriverData->lastname}} ${{$fund->amount}}<i class="bi bi-eye-fill float-end"></i>
      </a>
      @endif
      @endforeach
      @endif
    </div>
  </div>
  <div class="col-12 blck-white">
    <livewire:driverstable :role='$usr->role' />
  </div>
</div>
@endsection

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