@extends('layouts.admin')

@section('title', 'Dashboard Admin')
@section('page-title', 'Dashboard')

@section('admin-content')
<div class="grid grid-cols-1 gap-4 md:grid-cols-4">
    <x-card pad="p-5" class="relative overflow-hidden">
        <div class="text-sm font-semibold text-slate-600">Total Guru</div>
        <div class="mt-2 text-3xl font-black tracking-tight text-slate-900">{{ $stats['guru'] }}</div>
        <div class="pointer-events-none absolute -right-10 -top-10 h-28 w-28 rounded-full bg-brand-200/60 blur-2xl"></div>
    </x-card>
    <x-card pad="p-5" class="relative overflow-hidden">
        <div class="text-sm font-semibold text-slate-600">Total Siswa</div>
        <div class="mt-2 text-3xl font-black tracking-tight text-slate-900">{{ $stats['siswa'] }}</div>
        <div class="pointer-events-none absolute -right-10 -top-10 h-28 w-28 rounded-full bg-ink-200/60 blur-2xl"></div>
    </x-card>
    <x-card pad="p-5" class="relative overflow-hidden">
        <div class="text-sm font-semibold text-slate-600">Total Kelas</div>
        <div class="mt-2 text-3xl font-black tracking-tight text-slate-900">{{ $stats['kelas'] }}</div>
        <div class="pointer-events-none absolute -right-10 -top-10 h-28 w-28 rounded-full bg-brand-300/50 blur-2xl"></div>
    </x-card>
    <x-card pad="p-5" class="relative overflow-hidden">
        <div class="text-sm font-semibold text-slate-600">Absensi Hari Ini</div>
        <div class="mt-2 text-3xl font-black tracking-tight text-slate-900">{{ $stats['absensi_hari_ini'] }}</div>
        <div class="pointer-events-none absolute -right-10 -top-10 h-28 w-28 rounded-full bg-emerald-200/40 blur-2xl"></div>
    </x-card>
</div>
@endsection