@extends('layouts.cbt')
@section('page-title', 'Dashboard Guru')
@section('sidebar')@include('components.guru-sidebar')@endsection
@section('content')
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-8">
    <div class="stat-card red"><p class="text-sm opacity-80">Bank Soal</p><p class="text-3xl font-extrabold">{{ $stats['banks'] }}</p></div>
    <div class="stat-card orange"><p class="text-sm opacity-80">Total Ujian</p><p class="text-3xl font-extrabold">{{ $stats['exams'] }}</p></div>
    <div class="stat-card yellow"><p class="text-sm opacity-80">Ujian Aktif</p><p class="text-3xl font-extrabold">{{ $stats['active_exams'] }}</p></div>
    <div class="stat-card blue"><p class="text-sm opacity-80">Rata-rata Nilai</p><p class="text-3xl font-extrabold">{{ $stats['avg_score'] }}</p></div>
</div>
<div class="card-sdn">
    <h3 class="font-bold mb-4">Ujian Terbaru</h3>
    @forelse($recentExams as $e)
    <div class="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-2 py-3 border-b last:border-0">
        <div class="min-w-0"><p class="font-bold break-words">{{ $e->title }}</p><p class="text-sm text-gray-500">{{ $e->subject->name }} &bull; {{ $e->schoolClass->name }}</p></div>
        <a href="{{ route('guru.exams.show', $e) }}" class="text-blue-600 font-semibold text-sm">Detail</a>
    </div>
    @empty
    <p class="text-gray-500">Belum ada ujian</p>
    @endforelse
</div>
@endsection