@extends('admin.layouts.adminmaster')

@section('title', 'Dashboard')

@section('content')


           <div class="row">
    <div class="col-xl-3 col-lg-4 col-md-6 mb-4">
        <a href="{{route('admin.clients')}}" class="card bg-white">
            <div class="card-body">
                <div>
                    <div class="d-flex align-items-center">
                        <div class="avatar">
                            <div class="avatar-title rounded bg-danger">
                                <i class="bx bx-user icon font-size-22 mb-0 text-white"></i>
                            </div>
                        </div>

                        <div class="flex-grow-1 ms-3">
                            <h6 class="mb-0 font-size-15">Total Clients</h6>
                        </div>
                    </div>
                    <div>
                        <h4 class="mt-2 pt-1 mb-0 h1">
                            72
                        </h4>
                    </div>
                </div>
            </div>
        </a>
    </div>
    <div class="col-xl-3 col-lg-4 col-md-6 mb-4">
        <a href="{{route('admin.clients')}}" class="card bg-white">
            <div class="card-body">
                <div>
                    <div class="d-flex align-items-center">
                        <div class="avatar">
                            <div class="avatar-title rounded bg-primary">
                                <i class="fi fi-rr-credit-card icon font-size-22 mb-0 text-white" style="top:2px !important"></i>
                            </div>
                        </div>

                        <div class="flex-grow-1 ms-3">
                            <h6 class="mb-0 font-size-15">Total Card</h6>
                        </div>
                    </div>
                    <div>
                        <h4 class="mt-2 pt-1 mb-0 h1">
                            72
                        </h4>
                    </div>
                </div>
            </div>
        </a>
    </div>
    <!-- <div class="col-xl-3 col-lg-4 col-md-6 mb-4">
        <a href="agents.php" class="card bg-white">
            <div class="card-body">
                <div>
                    <div class="d-flex align-items-center">
                        <div class="avatar">
                            <div class="avatar-title rounded bg-primary">
                                <i class="fi fi-rr-user-check icon font-size-22 mb-0 text-white" style="top:2px !important"></i>
                            </div>
                        </div>

                        <div class="flex-grow-1 ms-3">
                            <h6 class="mb-0 font-size-15">Active Agents</h6>
                        </div>
                    </div>
                    <div>
                        <h4 class="mt-2 pt-1 mb-0 h1">
                            72
                        </h4>
                    </div>
                </div>
            </div>
        </a>
    </div>
    <div class="col-xl-3 col-lg-4 col-md-6 mb-4">
        <a href="agents.php" class="card bg-white">
            <div class="card-body">
                <div>
                    <div class="d-flex align-items-center">
                        <div class="avatar">
                            <div class="avatar-title rounded bg-warning">
                                <i class="fi fi-rr-user-minus icon font-size-22 mb-0 text-black" style="top:2px !important"></i>
                            </div>
                        </div>

                        <div class="flex-grow-1 ms-3">
                            <h6 class="mb-0 font-size-15">Inactive Agents</h6>
                        </div>
                    </div>
                    <div>
                        <h4 class="mt-2 pt-1 mb-0 h1">
                            72
                        </h4>
                    </div>
                </div>
            </div>
        </a>
    </div>
    <div class="col-xl-3 col-lg-4 col-md-6 mb-4">
        <a href="appointments.php" class="card bg-white">
            <div class="card-body">
                <div>
                    <div class="d-flex align-items-center">
                        <div class="avatar">
                            <div class="avatar-title rounded bg-primary-subtle">
                                <i class="bx bx-check-shield font-size-24 mb-0 text-black"></i>
                            </div>
                        </div>

                        <div class="flex-grow-1 ms-3">
                            <h6 class="mb-0 font-size-15">Total Appointments</h6>
                        </div>
                    </div>
                    <div>
                        <h4 class="mt-2 pt-1 mb-0 h1">
                            72
                        </h4>
                    </div>
                </div>
            </div>
        </a>
    </div>
    <div class="col-xl-3 col-lg-4 col-md-6 mb-4">
        <a href="appointments.php" class="card bg-white">
            <div class="card-body">
                <div>
                    <div class="d-flex align-items-center">
                        <div class="avatar">
                            <div class="avatar-title rounded bg-warning">
                                <i class="bx bx-check-shield font-size-24 mb-0 text-black"></i>
                            </div>
                        </div>

                        <div class="flex-grow-1 ms-3">
                            <h6 class="mb-0 font-size-15">Pending Appointments</h6>
                        </div>
                    </div>
                    <div>
                        <h4 class="mt-2 pt-1 mb-0 h1">
                            60
                        </h4>
                    </div>
                </div>
            </div>
        </a>
    </div>
    <div class="col-xl-3 col-lg-4 col-md-6 mb-4">
        <a href="appointments.php" class="card bg-white">
            <div class="card-body">
                <div>
                    <div class="d-flex align-items-center">
                        <div class="avatar">
                            <div class="avatar-title rounded bg-primary">
                                <i class="bx bx-check-shield font-size-24 mb-0 text-white"></i>
                            </div>
                        </div>

                        <div class="flex-grow-1 ms-3">
                            <h6 class="mb-0 font-size-15">Confirmed Appointments</h6>
                        </div>
                    </div>
                    <div>
                        <h4 class="mt-2 pt-1 mb-0 h1">
                            60
                        </h4>
                    </div>
                </div>
            </div>
        </a>
    </div>
    <div class="col-xl-3 col-lg-4 col-md-6 mb-4">
        <a href="appointments.php" class="card bg-white">
            <div class="card-body">
                <div>
                    <div class="d-flex align-items-center">
                        <div class="avatar">
                            <div class="avatar-title rounded bg-success">
                                <i class="bx bx-check-shield font-size-24 mb-0 text-white"></i>
                            </div>
                        </div>

                        <div class="flex-grow-1 ms-3">
                            <h6 class="mb-0 font-size-15">Completed Appointments</h6>
                        </div>
                    </div>
                    <div>
                        <h4 class="mt-2 pt-1 mb-0 h1">
                            112
                        </h4>
                    </div>
                </div>
            </div>
        </a>
    </div>
    <div class="col-xl-3 col-lg-4 col-md-6 mb-4">
        <a href="appointments.php" class="card bg-white">
            <div class="card-body">
                <div>
                    <div class="d-flex align-items-center">
                        <div class="avatar">
                            <div class="avatar-title rounded bg-black">
                                <i class="bx bx-check-shield font-size-24 mb-0 text-white"></i>
                            </div>
                        </div>

                        <div class="flex-grow-1 ms-3">
                            <h6 class="mb-0 font-size-15">Cancelled Appointments</h6>
                        </div>
                    </div>
                    <div>
                        <h4 class="mt-2 pt-1 mb-0 h1">
                            112
                        </h4>
                    </div>
                </div>
            </div>
        </a>
    </div> -->
</div>

@endsection

@section('specificscripts') 
@stop