<?php include 'header.php'; ?>

<div class='text-center p-10 bg-yellow-50 border border-yellow-200 rounded-lg'>
    <svg class="mx-auto h-12 w-12 text-yellow-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L4.082 15.5c-.77.833.192 2.5 1.732 2.5z" />
    </svg>
    <h2 class='text-2xl font-bold text-gray-800 mt-4'>Mode Viewer: Data Tidak Tersedia</h2>
    <p class='text-gray-600 mb-6 max-w-md mx-auto'>
        Anda sedang dalam mode <strong>hanya melihat (read-only)</strong>. Saat ini, belum ada kelas atau sekolah yang dapat ditampilkan dalam sistem.
    </p>
    <p class='text-sm text-gray-500 mb-6'>
        Jika Anda adalah administrator, silakan keluar dari mode viewer untuk menambah data.
    </p>
    <div class="flex justify-center gap-4">
        <a href="index.php?action=viewer_logout" class="bg-red-600 hover:bg-red-700 text-white font-bold py-2 px-4 rounded-lg transition">
            Keluar dari Mode Viewer
        </a>
        <a href="index.php?action=viewer_exit_to_admin" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-lg transition">
            Masuk ke Mode Admin
        </a>
    </div>
</div>

<?php include 'footer.php'; ?>