@include('components.theme.pages.header')
<section>
    <div class="row">
        <div class="col-md-4 mb-2">  
            <div class="card bg-body hoverable card-xl-stretch mb-xl-8">
                <div class="card-body">
                    <i class="ki-outline ki-profile-user text-dark fs-2x ms-n1"></i>        
                    <div class="text-gray-900 fw-bold fs-2 mb-2 mt-5">           
                        {{ $getTotalUser }}         
                    </div>
                    <div class="fw-semibold text-gray-400">
                        Total Pengguna       
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4 mb-2">  
            <div class="card bg-body hoverable card-xl-stretch mb-xl-8">
                <div class="card-body">
                    <i class="ki-outline ki-people text-primary fs-2x ms-n1"></i>        
                    <div class="text-gray-900 fw-bold fs-2 mb-2 mt-5">           
                        {{ $getTotalSiswa }}         
                    </div>
                    <div class="fw-semibold text-gray-400">
                        Total Siswa       
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4 mb-2">  
            <div class="card bg-body hoverable card-xl-stretch mb-xl-8">
                <div class="card-body">
                    <i class="ki-outline ki-user text-danger fs-2x ms-n1"></i>        
                    <div class="text-gray-900 fw-bold fs-2 mb-2 mt-5">           
                        {{ $getTotalKonselor }}      
                    </div>
                    <div class="fw-bold text-gray-400">
                        Total Konselor
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12 mt-4">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Tentang Sekolah</h3>
                </div>
                <div class="card-body">
                    {!! frontend_db('about') !!}
                </div>
            </div>
        </div>
    </div>
</section>
@include('components.theme.pages.footer')