@extends('entertrainer.layouts.master')
@section('content')
<section class="section">
    <ul class="breadcrumb breadcrumb-style ">
      <li class="breadcrumb-item">
        <h4 class="page-title m-b-0">Dashboard</h4>
      </li>
     
      <li class="breadcrumb-item active">Dashboard</li>
    </ul>
    <div class="row">
      <div class="col-xl-4 col-lg-6">
          <div class="card l-bg-style4">
              <div class="card-statistic-3">
                  <div class="card-icon card-icon-large"><i class="fa fa-calendar-check"></i></div>
                  <div class="card-content">
                     <a class="nav-link" href="{{ route('entertainer.booking') }}">
                        <h4 class="card-title">Upcoming Bookings</h4>
                        <span><h6>{{$newBookings}}</h6></span>
                      </a>
                  </div>
              </div>
          </div>
      </div>
      <div class="col-xl-4 col-lg-6">
          <div class="card l-bg-style4">
              <div class="card-statistic-3">
                  <div class="card-icon card-icon-large"><i class="fa fa-calendar-check"></i></div>
                  <div class="card-content">
                    <a class="nav-link" href="{{ route('entertainer.booking.previous') }}">
                      <h4 class="card-title">Previous Bookings</h4>
                      <span><h6>{{$oldBookings}}</h6></span>
                    </a>  
                  </div>
              </div>
          </div>
      </div>
       <div class="col-xl-4 col-lg-6">
          <div class="card l-bg-style4">
              <div class="card-statistic-3">
                  <div class="card-icon card-icon-large"><i class="fa fa-calendar-check"></i></div>
                  <div class="card-content">
                      <h4 class="card-title">Total Number Of Events Booked</h4>
                      <span><h6>{{$totalBookings}}</h6></span>
                  </div>
              </div>
          </div>
      </div>
      <div class="col-xl-4 col-lg-6">
          <div class="card l-bg-style4">
              <div class="card-statistic-3">
                  <div class="card-icon card-icon-large"><i class="fa fa-calendar-check"></i></div>
                  <div class="card-content">
                      <h4 class="card-title">Total Value Of Events Booked</h4>
                      <span><h6>{{$totalBookings_amount}}</h6></span>
                  </div>
              </div>
          </div>
      </div>
    </div>      
  </section>
@endsection