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

<div class="flex justify-center items-center min-h-screen">
    <div class="w-full max-w-md p-8 bg-white rounded-xl shadow-2xl">
        <h2 class="text-2xl font-bold text-center text-gray-800 mb-6">Masuk ke Mode Viewer</h2>
        <form method="POST" action="index.php?action=viewer_login" class="space-y-4">
            <div>
                <label for="viewer_key" class="block text-sm font-medium text-gray-700">Masukkan Kunci Viewer</label>
                <input type="password" id="viewer_key" name="viewer_key" required class="mt-1 p-2 block w-full border-gray-300 rounded-md">
            </div>
            <button type="submit" class="w-full bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-4 rounded">Masuk</button>
        </form>
        <p class="text-center text-sm text-gray-500 mt-4">
            <a href="index.php" class="hover:underline">Kembali ke Halaman Admin</a>
        </p>
    </div>
</div>

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