@extends('admin.layouts.index')

@section('content')
<!-- Main Content -->
<section class="content home">
     <center>
          @include('admin.common.flash')
     
     </center>
     <div class="block-header">
          <div class="row">
               <div class="col-lg-7 col-md-6 col-sm-12">
                    <h2>Dashboard
                         <small class="text-muted">Welcome to Language Cafe</small>
                    </h2>
               </div>
               <div class="col-lg-5 col-md-6 col-sm-12">
                    <ul class="breadcrumb float-md-right">
                         <li class="breadcrumb-item active">Dashboard</li>
                    </ul>
               </div>
          </div>
     </div>
     <div class="container-fluid">
          <div class="row clearfix">
               <div class="col-lg-3 col-sm-6 col-md-6">
                    <a href="{{route('admin.user_listing')}}"> <!-- Add the URL you want to redirect to -->
                         <div class="card l-blue">
                              <div class="body">
                                   <h3 class="m-t-0">{{$userCount}}</h3>
                                   <p class="m-b-0">Total Users</p>
                              </div>
                         </div>
                    </a>
               </div>
               <!-- Repeat the above structure for the remaining cards -->
               <div class="col-lg-3 col-sm-6 col-md-6">
                    <a href="#">
                         <div class="card l-parpl">
                              <div class="body">
                                   <h3 class="m-t-0">{{$appointmentCount}}</h3>
                                   <p class="m-b-0">Total Appointment</p>
                              </div>
                         </div>
                    </a>
               </div>
               <div class="col-lg-3 col-sm-6 col-md-6">
                    <a href="{{route('admin.cafe_listing')}}">
                         <div class="card l-seagreen">
                              <div class="body">
                                   <h3 class="m-t-0">{{$cafeCount}}</h3>
                                   <p class="m-b-0">Total Cafe</p>
                              </div>
                         </div>
                    </a>
               </div>
          </div>

     </div>
</section>

@endsection

@push('script')

@endpush