@extends('layouts.guru')
@section('title', 'Dashboard Guru')
@section('page-title', 'Dashboard')
@section('guru-content')
@if($kelasWali)
<div class="grid grid-cols-1 gap-4 md:grid-cols-3">
    <x-card pad="p-5" class="md:col-span-2">
        <div class="text-sm font-semibold text-slate-600">Kelas Wali</div>
        <div class="mt-1 text-2xl font-black tracking-tight text-slate-900">{{ $kelasWali->tingkat }} {{ $kelasWali->nama_kelas }}</div>
        <div class="mt-3 text-sm text-slate-500">Anda hanya bisa mengabsen siswa dari kelas ini.</div>
        <div class="mt-5">
            <x-button href="{{ route('guru.absensi.index') }}" variant="secondary">Buka Halaman Absensi</x-button>
        </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">{{ $absensiHariIni }}</div>
        <div class="mt-1 text-sm text-slate-500">Jumlah data absensi tercatat.</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>
</div>
@else
<x-card pad="p-5" class="border-amber-200 bg-amber-50">
    <div class="text-sm font-semibold text-amber-900">Anda belum ditugaskan sebagai wali kelas</div>
    <div class="mt-1 text-sm text-amber-800">Hubungi admin untuk mengatur wali kelas pada data kelas.</div>
</x-card>
@endif
@endsection