@extends('admin.layout.header')
@section('content')





<!-- partial -->
<div class="main-panel">


  <div class="content-wrapper">
    <div class="row">
      <div class="col-md-12 grid-margin">
        <div class="d-flex justify-content-between flex-wrap">
          <div class="d-flex align-items-end flex-wrap">
            <div class="mr-md-3 mr-xl-5">
              <h2>Welcome!</h2>
            </div>
       
          </div>
          <!--<div class="d-flex justify-content-between align-items-end flex-wrap">-->
          <!--  <button type="button" class="btn btn-light bg-white btn-icon mr-3 d-none d-md-block ">-->
          <!--    <i class="mdi mdi-download text-muted"></i>-->
          <!--  </button>-->
          <!--  <button type="button" class="btn btn-light bg-white btn-icon mr-3 mt-2 mt-xl-0">-->
          <!--    <i class="mdi mdi-clock-outline text-muted"></i>-->
          <!--  </button>-->
          <!--  <button type="button" class="btn btn-light bg-white btn-icon mr-3 mt-2 mt-xl-0">-->
          <!--    <i class="mdi mdi-plus text-muted"></i>-->
          <!--  </button>-->
          <!--  <button class="btn btn-primary mt-2 mt-xl-0">Download report</button>-->
          <!--</div>-->
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12 grid-margin stretch-card">
        <div class="card">
          <div class="card-body dashboard-tabs p-0">
            <ul class="nav nav-tabs px-4" role="tablist">
              <li class="nav-item">
                <a class="nav-link active" id="overview-tab" data-toggle="tab" href="#overview" role="tab" aria-controls="overview" aria-selected="true">Overview</a>
              </li>
            </ul>
            <div class="tab-content py-0 px-0">
              <div class="tab-pane fade show active" id="overview" role="tabpanel" aria-labelledby="overview-tab">
                <div class="d-flex flex-wrap justify-content-xl-between">

                  <a href="{{ route('viewcareer') }}" class="d-flex py-3 border-md-right flex-grow-1 align-items-center justify-content-center p-3 item" style="text-decoration: none; color: inherit;">
                    <div class="d-flex flex-column justify-content-around">
                      <small class="mb-1 text-muted">Total Career</small>
                      <h5 class="mr-2 mb-0">{{ $careerCount }}</h5>
                    </div>
                  </a>

                  <a href="{{ route('viewcontact') }}" class="d-flex py-3 border-md-right flex-grow-1 align-items-center justify-content-center p-3 item" style="text-decoration: none; color: inherit;">
                    <div class="d-flex flex-column justify-content-around">
                      <small class="mb-1 text-muted">Total Contact</small>
                      <h5 class="mr-2 mb-0">{{ $contactCount }}</h5>
                    </div>
                  </a>

                  <a href="{{ route('viewenquiry') }}" class="d-flex py-3 border-md-right flex-grow-1 align-items-center justify-content-center p-3 item" style="text-decoration: none; color: inherit;">
                    <div class="d-flex flex-column justify-content-around">
                      <small class="mb-1 text-muted">Total Enquiry</small>
                      <h5 class="mr-2 mb-0">{{ $enquiryCount }}</h5>
                    </div>
                  </a>

                  <a href="{{ route('viewmedqcard') }}" class="d-flex py-3 border-md-right flex-grow-1 align-items-center justify-content-center p-3 item" style="text-decoration: none; color: inherit;">
                    <div class="d-flex flex-column justify-content-around">
                      <small class="mb-1 text-muted">medq Cards enquiries</small>
                      <h5 class="mr-2 mb-0">{{ $medqcardCount }}</h5>
                    </div>
                  </a>


                  <a href="{{ route('viewmedqcare') }}" class="d-flex py-3 border-md-right flex-grow-1 align-items-center justify-content-center p-3 item" style="text-decoration: none; color: inherit;">
                    <div class="d-flex flex-column justify-content-around">
                      <small class="mb-1 text-muted">medq Care enquiries</small>
                      <h5 class="mr-2 mb-0">{{ $medqcardCount }}</h5>
                    </div>
                  </a>


                  <a href="{{ route('viewmedqtest') }}" class="d-flex py-3 border-md-right flex-grow-1 align-items-center justify-content-center p-3 item" style="text-decoration: none; color: inherit;">
                    <div class="d-flex flex-column justify-content-around">
                      <small class="mb-1 text-muted">medq Test enquiries</small>
                      <h5 class="mr-2 mb-0">{{ $medqcardCount }}</h5>
                    </div>
                  </a>

                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-7 grid-margin stretch-card">
        <div class="card">
          <div class="card-body">
            <p class="card-title">Cash deposits</p>
            <p class="mb-4">To start a blog, think of a topic about and first brainstorm party is ways to write details</p>
            <div id="cash-deposits-chart-legend" class="d-flex justify-content-center pt-3"></div>
            <canvas id="cash-deposits-chart"></canvas>
          </div>
        </div>
      </div>
      <div class="col-md-5 grid-margin stretch-card">
        <div class="card">
          <div class="card-body">
            <p class="card-title">Total sales</p>
            <h1>$ 28835</h1>
            <h4>Gross sales over the years</h4>
            <p class="text-muted">Today, many people rely on computers to do homework, work, and create or store useful information. Therefore, it is important </p>
            <div id="total-sales-chart-legend"></div>
          </div>
          <canvas id="total-sales-chart"></canvas>
        </div>
      </div>
    </div>
   
  </div>
  <!-- content-wrapper ends -->
  <!-- partial:partials/_footer.html -->



  @endsection