@extends('layouts.app')

@section('content')
<div class="grid grid-cols-1 gap-6 lg:grid-cols-[280px_1fr]">
    <aside class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-soft">
        <div class="border-b border-slate-200 bg-gradient-to-br from-ink-900 to-ink-700 p-5 text-white">
            <div class="text-sm font-semibold">Panel Admin</div>
            <div class="text-xs text-white/70">Tata Usaha</div>
        </div>
        <nav class="p-3">
            @php
                $item = function ($routeIs, $href, $label) {
                    $active = request()->routeIs($routeIs);
                    return [
                        'href' => $href,
                        'label' => $label,
                        'class' => $active
                            ? 'bg-ink-50 text-ink-800 ring-1 ring-ink-200'
                            : 'text-slate-700 hover:bg-slate-50',
                    ];
                };
                $items = [
                    $item('admin.dashboard', route('admin.dashboard'), 'Dashboard'),
                    $item('admin.guru.*', route('admin.guru.index'), 'Data Guru'),
                    $item('admin.siswa.*', route('admin.siswa.index'), 'Data Siswa'),
                    $item('admin.kelas.*', route('admin.kelas.index'), 'Data Kelas'),
                    $item('admin.laporan-bulanan.*', route('admin.laporan-bulanan.index'), 'Laporan Bulanan'),
                    $item('admin.laporan.index', route('admin.laporan.index'), 'Laporan Harian'),
                    $item('admin.hari-libur.*', route('admin.hari-libur.index'), 'Hari Libur'),
                    $item('admin.jam-masuk.*', route('admin.jam-masuk.index'), 'Jam Masuk'),
                    $item('admin.pengaturan.*', route('admin.pengaturan.edit'), 'Pengaturan WA'),
                    $item('admin.activity-logs.*', route('admin.activity-logs.index'), 'Log Aktivitas'),
                ];
            @endphp

            <div class="space-y-1">
                @foreach($items as $it)
                    <a href="{{ $it['href'] }}" class="flex items-center justify-between rounded-xl px-4 py-3 text-sm font-semibold transition {{ $it['class'] }}">
                        <span>{{ $it['label'] }}</span>
                        <span class="h-2 w-2 rounded-full {{ request()->routeIs(str_replace('.*','*', $it['label'])) ? 'bg-brand-500' : 'bg-slate-200' }}"></span>
                    </a>
                @endforeach
            </div>
        </nav>
    </aside>

    <section class="min-w-0">
        <div class="mb-6 rounded-2xl border border-slate-200 bg-white p-5 shadow-soft">
            <div class="flex flex-wrap items-center justify-between gap-3">
                <div>
                    <div class="text-xs font-semibold uppercase tracking-wide text-slate-500">Absensi Sekolah</div>
                    <div class="text-lg font-bold text-slate-900">@yield('page-title', 'Admin')</div>
                </div>
                <div class="flex items-center gap-2">
                    @yield('page-actions')
                </div>
            </div>
        </div>

        @yield('admin-content')
    </section>
</div>
@endsection