{{--STATS --}}
<div class="row mb-4 align-items-center">

    {{-- Districts COUNT CARD --}}
    <div class="col-md-3 mb-2">

        <div class="small-box bg-info shadow">

            <div class="inner">

                <h3>
                    {{ $data['districts_count'] }}
                </h3>

                <p class="mb-0 text-white">
                    <i class="nav-icon bi bi-map-fill"></i> Districts
                </p>

            </div>

            <div class="icon">
                <i class="fas fa-city"></i>
            </div>

            <a href="{{ route('districts') }}"
                class="small-box-footer text-white text-decoration-none">
                More info <i class="bi bi-link-45deg"></i>
            </a>

        </div>

    </div>

    {{-- department_count --}}
    <div class="col-md-3 mb-2">

        <div class="small-box bg-primary shadow">

            <div class="inner">

                <h3>
                    {{ $data['department_count'] }}
                </h3>

                <p class="mb-0 text-white">
                    <i class="nav-icon bi bi-building"></i> Departments
                </p>

            </div>

            <div class="icon">
                <i class="fas fa-city"></i>
            </div>

            <a href="{{ route('departments') }}"
                class="small-box-footer text-white text-decoration-none">
                More info <i class="bi bi-link-45deg"></i>
            </a>

        </div>

    </div>

    {{-- designations_count --}}
    <div class="col-md-3 mb-2">

        <div class="small-box bg-success shadow">

            <div class="inner">

                <h3>
                    {{ $data['designations_count'] }}
                </h3>

                <p class="mb-0 text-white">
                    <i class="nav-icon bi bi-briefcase-fill"></i> Designations
                </p>

            </div>

            <div class="icon">
                <i class="fas fa-city"></i>
            </div>

            <a href="{{ route('designations') }}"
                class="small-box-footer text-white text-decoration-none">
                More info <i class="bi bi-link-45deg"></i>
            </a>

        </div>

    </div>

    {{--employee_types_count CARD --}}
    <div class="col-md-3 mb-2">

        <div class="small-box bg-warning shadow">

            <div class="inner">

                <h3>
                    {{ $data['employee_types_count'] }}
                </h3>

                <p class="mb-0 text-white">
                    <i class="nav-icon bi bi-people-fill"></i> Employee Types
                </p>

            </div>

            <div class="icon">
                <i class="fas fa-city"></i>
            </div>

            <a href="{{ route('employeeTypes') }}"
                class="small-box-footer text-white text-decoration-none">
                More info <i class="bi bi-link-45deg"></i>
            </a>

        </div>

    </div>

    {{-- attendance_types_count CARD --}}
    <div class="col-md-3 mb-2">

        <div class="small-box bg-danger shadow">

            <div class="inner">

                <h3>
                    {{ $data['attendance_types_count'] }}
                </h3>

                <p class="mb-0 text-white">
                    <i class="nav-icon bi bi-fingerprint"></i> Attendance Types
                </p>

            </div>

            <div class="icon">
                <i class="fas fa-city"></i>
            </div>

            <a href="{{ route('attendanceTypes') }}"
                class="small-box-footer text-white text-decoration-none">
                More info <i class="bi bi-link-45deg"></i>
            </a>

        </div>

    </div>

    {{-- MUNICIPALITY COUNT CARD --}}
    <div class="col-md-3 mb-2">

        <div class="small-box bg-primary shadow">

            <div class="inner">

                <h3>
                    {{ $data['municipality_count'] }}
                </h3>

                <p class="mb-0 text-white">
                    <i class="nav-icon bi bi-bank"></i>  Municipalities
                </p>

            </div>

            <div class="icon">
                <i class="fas fa-city"></i>
            </div>

            <a href="{{ route('users.param', 'municipality-admin') }}"
                class="small-box-footer text-white text-decoration-none">
                More info <i class="bi bi-link-45deg"></i>
            </a>

        </div>

    </div>


</div>