@extends('layouts.admin')
@section('content')
<div class="main-content-wrap sidenav-open d-flex flex-column" id="job-full">
   <!-- ============ Body content start ============= -->
   <div class="main-content">
      <div>
         <div class="card text-left">
            <div class="card-body" id="topbarmain">
                  <div>
                     <h4 class="card-title mb-1"><i class="fa fa-suitcase" aria-hidden="true"></i> Bookings </h4>
                  </div>
               <div class="row mt-3">
                  <div class="col-md-12">
                     <div class="bg-top">
                        <ul>
                           <li><a class="active" href="{{ url('/admin/booking/list') }}">Dashboard</a></li>
                           <li><a href="{{ url('/admin/bookings/list') }}">New</a></li>
                           <li  class="btn btn-blue bg-blue">
                              <a href="{{ url('/admin/bookings/create') }}" class="text-white">
                              <i class="fa fa-plus"></i> Create
                              </a>
                           </li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="row mt-4">
         <div class="col-md-12">
            <div class="card w-100 ml-0 mr-0" id="box-mr">
               <div class="card-body">
                  <div class="dashboard-design row">
                     <div class="col-md-3">
                        <a href="{{url('/job/completed-tasks')}}?status=completed task">
                           <div class="box-data box-color-3">
                              <span class="data-count">0</span>
                              <span class="lnr lnr-clock"></span>
                              <p>Completed Tasks</p>
                           </div>
                        </a>
                     </div>
                     <div class="col-md-3">
                        <a href="{{url('/job/approved-tasks')}}?status=approved task">
                           <div class="box-data box-color-2">
                              <span class="data-count">0</span>
                              <span class="lnr lnr-checkmark-circle"></span>
                              <p>Approved Tasks</p>
                           </div>
                        </a>
                     </div>
                     <div class="col-md-3">
                        <a href="{{url('/booking/list')}}?status=2">
                           <div class="box-data box-color-4">
                              <span class="data-count">0</span>
                              <span class="lnr lnr-calendar-full"></span>
                              <p>Assigned Tasks</p>
                           </div>
                        </a>
                     </div>
                     <div class="col-md-3">
                        <a href="{{url('/booking/list')}}?status=3">
                           <div class="box-data box-color-6">
                              <span class="data-count">0</span>
                              <span class="lnr lnr-warning"></span>
                              <p>Pending Tasks</p>
                           </div>
                        </a>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

@endsection