@php
    $current_page = \Route::currentRouteName();
@endphp
<div class="row mt-3 px-5 text-center justify-content-center">

    <div class="col-lg-2 col-md-6 col-sm-6 col-12">
        <div class="card mb-3 shadow   rounded"  style="width: 100%;">
            <div class="card-body dashboard-card">
                <h2 class="card-title text-center" style="font-size: 55px"><i class="fa-solid fa-user-gear"></i></h2>
                <p class="card-text text-center mt-2 ">Roles</p>
                <p class="card-text text-center mt-2 dashboard-number">{{$roles}}</p>
            </div>
        </div>
    </div>

    <div class="col-lg-2 col-md-6 col-sm-6 col-12">
        <div class="card mb-3 shadow   rounded"  style="width: 100%;">
            <div class="card-body dashboard-card">
                <h2 class="card-title text-center" style="font-size: 55px"><i class="fa-solid fa-user-secret"></i></h2>
                <p class="card-text text-center mt-2 ">Supervisors</p>
                <p class="card-text text-center mt-2 dashboard-number">{{$supervisor}}</p>
            </div>
        </div>
    </div>

    <div class="col-lg-2 col-md-6 col-sm-6 col-12">
        <div class="card mb-3 shadow   rounded"  style="width: 100%;">
            <div class="card-body dashboard-card">
                <h2 class="card-title text-center" style="font-size: 55px"><i class="fa-solid fa-clipboard-user"></i></h2>
                <p class="card-text text-center mt-2 ">Agents</p>
                <p class="card-text text-center mt-2 dashboard-number">{{$agent}}</p>
            </div>
        </div>
    </div>

    <div class="col-lg-2 col-md-6 col-sm-6 col-12">
        <div class="card mb-3 shadow   rounded"  style="width: 100%;">
            <div class="card-body dashboard-card">
                <h2 class="card-title text-center" style="font-size: 55px"><i class="fa fa-users"></i></h2>
                <p class="card-text text-center mt-2 ">Clients</p>
                <p class="card-text text-center mt-2 dashboard-number">{{$client}}</p>
            </div>
        </div>
    </div>




    <div class="col-lg-2 col-md-6 col-sm-6 col-12">
        <div class="card mb-3 shadow   rounded"  style="width: 100%;">
            <div class="card-body dashboard-card">
                <h2 class="card-title text-center" style="font-size: 55px"><i class="fa-solid fa-building-user"></i></h2>
                <p class="card-text text-center mt-2 ">Departments</p>
                <p class="card-text text-center mt-2 dashboard-number">{{$departments}}</p>
            </div>
        </div>
    </div>

</div>