@extends('front.master')

@section('title', 'Home Page')
@section('content')




<main role="main" style="margin-bottom: 15%">

  <!-- <div class="owl-carousel slide-one-item">
    <a href="#"><img src="{{URL::asset('dist/img/c2.jpg')}}" alt="Image" class="img-fluid"></a>
    <a href="#"><img src="{{URL::asset('dist/img/c3.jpg')}}" alt="Image" class="img-fluid"></a>
    <a href="#"><img src="{{URL::asset('dist/img/c4.jpg')}}" alt="Image" class="img-fluid"></a>
  </div> -->

  <hr>

@if(Auth::user()->role == 1)
  <div class="row">
      <div class="col-md-4" style="margin-bottom: 10px;">
          <div class="card bg-primary text-center well" style="height: 200px;">
            <h1 class="text-white" style="font-size: 50px;">{{ $user }}</h1>
            <span class="text-white" style="font-size: 30px;">Bafica Clients</span>
          </div>
      </div>

      <div class="col-md-4" style="margin-bottom: 10px;">
          <div class="card bg-info text-center well" style=" height: 200px;">
            <h1 class="text-white" style="font-size: 50px;">{{ $jobs }}</h1>
            <span class="text-white" style="font-size: 30px;">Jobs Executed</span>
          </div>
      </div>
      <div class="col-md-4" style="margin-bottom: 10px;">
          <div class="card bg-warning text-center well" style="height: 200px;">
            <h1 class="text-white" style="font-size: 50px;">
              {{ $totalContainer }}
            </h1>
            <span class="text-white" style="font-size: 30px;">Delivered Containers</span>
          </div>
      </div>
  </div>

  <div class="row" style="margin-top: 4%;" style="margin-bottom: 10px;">
      <div class="col-md-4">
          <div class="card bg-success text-center well" style="height: 200px;">
            <h1 class="text-white" style="font-size: 50px;">{{ $fasttrack }}</h1>
            <span class="text-white" style="font-size: 30px;">Fast-Tracked Jobs</span>
          </div>
      </div>
      <div class="col-md-4" style="margin-bottom: 10px;">
          <div class="card bg-warning text-center well" style="height: 200px;">
            <h1 class="text-white" style="font-size: 50px;">
              {{ $demmurages }}
            </h1>
            <span class="text-white" style="font-size: 30px;">Containers with Demmurage</span>
          </div>
      </div>
  </div>
@else

<div class="row">
      <div class="col-md-3" style="margin-bottom: 10px;">
          <div class="card bg-primary text-center well" style="height: 200px;">
            <h1 class="text-white" style="font-size: 50px;">{{ $consignee_containers }}</h1>
            <span class="text-white" style="font-size: 30px;">Delivered Containers</span>
          </div>
      </div>

      <div class="col-md-3" style="margin-bottom: 10px;">
          <div class="card bg-info text-center well" style=" height: 200px;">
            <h1 class="text-white" style="font-size: 50px;">{{ $allocated_jobs }}</h1>
            <span class="text-white" style="font-size: 30px;">Jobs Executed</span>
          </div>
      </div>
      <div class="col-md-3" style="margin-bottom: 10px; margin-top: 10px;">
          <div class="card bg-warning text-center well" style="height: 200px;">
            <h1 class="text-white" style="font-size: 50px;">
              {{ $consignee_demmurages }}
            </h1>
            <span class="text-white" style="font-size: 30px;">Containers with Demmurage</span>
          </div>
      </div>

      <div class="col-md-3" style="margin-bottom: 10px;">
          <div class="card bg-success text-center well" style="height: 200px;">
            <h1 class="text-white" style="font-size: 50px;">{{ $consignee_fasttrack }}</h1>
            <span class="text-white" style="font-size: 30px;">Fast-Tracked Jobs</span>
          </div>
      </div>
  </div>
@endif
  
</main>






@endsection