{{-- trsuex/_partials/summary_stats.blade.php
    Statistics row card: Total Ujian, Selesai, Berlangsung, Rata-rata, Nilai Terbaik, Belum dikoreksi.
    Used by: trsuex/list.blade.php
--}}
<div class="card mb-3 mt-2">
    <div class="card-body px-4 py-3">
        <div class="row g-0">
            <div class="col-md-2 col-4 text-center border-end py-2">
                <p class="text-xxs font-weight-bolder text-uppercase text-secondary mb-1 opacity-7">
                    All Exams
                </p>
                <h4 class="font-weight-bolder mb-0">{{ $stats['total_ujian'] }}</h4>
                <small class="text-secondary text-xxs">Registered</small>
            </div>
            <div class="col-md-2 col-4 text-center border-end py-2">
                <p class="text-xxs font-weight-bolder text-uppercase text-secondary mb-1 opacity-7">
                    Completed
                </p>
                <h4 class="font-weight-bolder mb-0 text-success">{{ $stats['selesai'] }}</h4>
                <small class="text-secondary text-xxs">Completed</small>
            </div>
            <div class="col-md-2 col-4 text-center border-end py-2">
                <p class="text-xxs font-weight-bolder text-uppercase text-secondary mb-1 opacity-7">
                    InProgress
                </p>
                <h4 class="font-weight-bolder mb-0 text-warning">{{ $stats['berlangsung'] }}</h4>
                <small class="text-secondary text-xxs">In Progress</small>
            </div>
            <div class="col-md-2 col-4 text-center border-end py-2 mt-md-0 mt-3">
                <p class="text-xxs font-weight-bolder text-uppercase text-secondary mb-1 opacity-7">
                    Avg Score
                </p>
                <h4 class="font-weight-bolder mb-0 text-info">
                    {{ $stats['avg_score'] !== null ? $stats['avg_score'] : '-' }}
                </h4>
                <small class="text-secondary text-xxs">Completed Exams</small>
            </div>
            <div class="col-md-2 col-4 text-center border-end py-2 mt-md-0 mt-3">
                <p class="text-xxs font-weight-bolder text-uppercase text-secondary mb-1 opacity-7">
                    Best Score
                </p>
                <h4 class="font-weight-bolder mb-0 text-success">
                    {{ $stats['max_score'] !== null ? number_format($stats['max_score'], 0) : '-' }}
                </h4>
                <small class="text-secondary text-xxs">From All Exams</small>
            </div>
            <div class="col-md-2 col-4 text-center py-2 mt-md-0 mt-3">
                <p class="text-xxs font-weight-bolder text-uppercase text-secondary mb-1 opacity-7">
                    <i class="fas fa-hourglass-half me-1 text-{{ $stats['belum_dikoreksi'] > 0 ? 'warning' : 'secondary' }}"></i>Belum dikoreksi
                </p>
                <h4 class="font-weight-bolder mb-0 text-{{ $stats['belum_dikoreksi'] > 0 ? 'warning' : 'secondary' }}">
                    {{ $stats['belum_dikoreksi'] }}
                </h4>
                <small class="text-secondary text-xxs">Waiting to Start</small>
            </div>
        </div>
    </div>
</div>