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

<style>
    /* Hanya untuk memastikan Tailwind dimuat jika belum dimuat oleh header.php */
    /* Jika Anda menggunakan framework Tailwind penuh, blok ini bisa dihapus */
    /* Jika Anda ingin memastikan gaya ini tersedia, tambahkan link CDN di header.php atau gunakan di sini: */
    /* @import url('https://cdn.tailwindcss.com'); */
</style>

<div class="flex justify-center items-center min-h-screen bg-gray-100">
    <div class="w-full max-w-sm p-8 bg-white rounded-2xl shadow-2xl border border-gray-200 transform transition-all duration-300 hover:scale-[1.01]">
        
        <div class="text-center mb-8">
            <i class="fas fa-lock text-5xl text-red-500 mb-3 animate-pulse"></i>
            <h2 class="text-2xl font-extrabold text-gray-800">Mode Viewer Aktif</h2>
            <p class="text-sm text-gray-500 mt-1">Konfirmasi keluar dari Mode Publik.</p>
        </div>
        
        <form method="POST" action="index.php?action=viewer_exit_to_admin_process" class="space-y-6">
            
            <div>
                <label for="admin_key" class="block text-sm font-medium text-gray-700 mb-2">Kunci Admin</label>
                <div class="relative">
                    <input 
                        type="password" 
                        id="admin_key" 
                        name="admin_key" 
                        required 
                        placeholder="Masukkan kunci rahasia admin"
                        class="pl-10 p-3 block w-full border border-gray-300 rounded-lg focus:ring-red-500 focus:border-red-500 transition duration-150">
                    <i class="fas fa-key absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400"></i>
                </div>
            </div>
            
            <div>
                <button type="submit" class="w-full bg-red-600 hover:bg-red-700 text-white font-semibold py-3 px-4 rounded-lg shadow-lg transition duration-300 transform hover:scale-[1.01] flex items-center justify-center">
                    <i class="fas fa-sign-in-alt mr-2"></i> Masuk ke Mode Admin
                </button>
            </div>
            
        </form>
    </div>
</div>

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