<div class="space-y-6">
    <div>
        <h1 class="text-xl font-semibold">Pengaturan Akademik</h1>
        <p class="text-gray-600 dark:text-gray-400 mt-1">Kelola data master akademik: kelas, mata pelajaran, guru, jam pelajaran, dan jadwal. <strong>Jam masuk &amp; pulang</strong> atur di <strong>Jam Pelajaran</strong> + <strong>Schedule Builder</strong>.</p>
    </div>

    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
        <a href="<?= base_url('dashboard/academic/classes') ?>" class="block rounded-2xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-6 shadow-sm hover:border-primary hover:shadow-md transition-all">
            <div class="flex items-center gap-4">
                <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary">
                    <i class="bx bx-group text-2xl"></i>
                </div>
                <div>
                    <h2 class="font-semibold text-gray-900 dark:text-gray-100">Kelas</h2>
                    <p class="text-sm text-gray-500 dark:text-gray-400">Kelola kelas dan wali kelas</p>
                </div>
            </div>
        </a>

        <a href="<?= base_url('dashboard/academic/students') ?>" class="block rounded-2xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-6 shadow-sm hover:border-primary hover:shadow-md transition-all">
            <div class="flex items-center gap-4">
                <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary">
                    <i class="bx bx-user text-2xl"></i>
                </div>
                <div>
                    <h2 class="font-semibold text-gray-900 dark:text-gray-100">Siswa</h2>
                    <p class="text-sm text-gray-500 dark:text-gray-400">Kelola data siswa</p>
                </div>
            </div>
        </a>

        <a href="<?= base_url('dashboard/academic/subjects') ?>" class="block rounded-2xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-6 shadow-sm hover:border-primary hover:shadow-md transition-all">
            <div class="flex items-center gap-4">
                <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary">
                    <i class="bx bx-book text-2xl"></i>
                </div>
                <div>
                    <h2 class="font-semibold text-gray-900 dark:text-gray-100">Mata Pelajaran</h2>
                    <p class="text-sm text-gray-500 dark:text-gray-400">Kelola mata pelajaran</p>
                </div>
            </div>
        </a>

        <a href="<?= base_url('dashboard/academic/teachers') ?>" class="block rounded-2xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-6 shadow-sm hover:border-primary hover:shadow-md transition-all">
            <div class="flex items-center gap-4">
                <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary">
                    <i class="bx bx-user-circle text-2xl"></i>
                </div>
                <div>
                    <h2 class="font-semibold text-gray-900 dark:text-gray-100">Guru / PTK</h2>
                    <p class="text-sm text-gray-500 dark:text-gray-400">Kelola data guru dan wali kelas</p>
                </div>
            </div>
        </a>

        <a href="<?= base_url('dashboard/academic/lesson-slots') ?>" class="block rounded-2xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-6 shadow-sm hover:border-primary hover:shadow-md transition-all">
            <div class="flex items-center gap-4">
                <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary">
                    <i class="bx bx-time-five text-2xl"></i>
                </div>
                <div>
                    <h2 class="font-semibold text-gray-900 dark:text-gray-100">Jam Pelajaran</h2>
                    <p class="text-sm text-gray-500 dark:text-gray-400">Kelola slot jam pelajaran</p>
                </div>
            </div>
        </a>

        <a href="<?= base_url('dashboard/academic/dapodik') ?>" class="block rounded-2xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-6 shadow-sm hover:border-primary hover:shadow-md transition-all">
            <div class="flex items-center gap-4">
                <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary">
                    <i class="bx bx-cloud-download text-2xl"></i>
                </div>
                <div>
                    <h2 class="font-semibold text-gray-900 dark:text-gray-100">Dapodik</h2>
                    <p class="text-sm text-gray-500 dark:text-gray-400">Sinkron siswa & mapping rombel</p>
                </div>
            </div>
        </a>

        <a href="<?= base_url('dashboard/academic/schedule-builder') ?>" class="block rounded-2xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-6 shadow-sm hover:border-primary hover:shadow-md transition-all">
            <div class="flex items-center gap-4">
                <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary">
                    <i class="bx bx-grid-alt text-2xl"></i>
                </div>
                <div>
                    <h2 class="font-semibold text-gray-900 dark:text-gray-100">Schedule Builder</h2>
                    <p class="text-sm text-gray-500 dark:text-gray-400">Buat jadwal per kelas</p>
                </div>
            </div>
        </a>

        <a href="<?= base_url('dashboard/academic/discipline-settings') ?>" class="block rounded-2xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-6 shadow-sm hover:border-primary hover:shadow-md transition-all">
            <div class="flex items-center gap-4">
                <div class="flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary">
                    <i class="bx bx-error-alt text-2xl"></i>
                </div>
                <div>
                    <h2 class="font-semibold text-gray-900 dark:text-gray-100">Aturan Poin Pelanggaran</h2>
                    <p class="text-sm text-gray-500 dark:text-gray-400">Kelola jenis pelanggaran dan skor poin</p>
                </div>
            </div>
        </a>
    </div>
</div>
