<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Installation Successful - Dramasub</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        body { font-family: 'Inter', sans-serif; }
        .animate-scale-up { animation: scaleUp 0.5s ease-out; }
        @keyframes scaleUp { from { transform: scale(0); } to { transform: scale(1); } }
    </style>
</head>
<body class="bg-[#f8f9fa] min-h-screen flex items-center justify-center p-6">
    <div class="max-w-md w-full">
        <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden">
            <div class="bg-green-600 p-10 text-center text-white">
                <div class="animate-scale-up inline-block mb-4">
                    <i class="fas fa-check-circle text-7xl"></i>
                </div>
                <h2 class="text-2xl font-bold uppercase tracking-tight">Berhasil!</h2>
                <p class="text-green-100 text-sm opacity-90">Aplikasi siap digunakan</p>
            </div>

            <div class="p-8 text-center">
                <p class="text-gray-500 text-sm leading-relaxed mb-6">
                    Konfigurasi <span class="font-semibold text-gray-700">.env</span> telah diperbarui dan token API Anda telah divalidasi oleh server pusat. Akun admin Anda juga sudah aktif.
                </p>
                
                <div class="bg-amber-50 border border-amber-100 rounded-lg p-4 text-left mb-8">
                    <div class="flex items-start">
                        <i class="fas fa-exclamation-triangle text-amber-500 mt-1 mr-3"></i>
                        <div>
                            <span class="block text-xs font-bold text-amber-800 uppercase mb-1">Penting:</span>
                            <p class="text-[11px] text-amber-700 leading-tight">
                                Halaman instalasi ini sekarang telah dikunci secara otomatis demi keamanan sistem Anda.
                            </p>
                        </div>
                    </div>
                </div>

                <div class="space-y-3">
                    <a href="{{ route('admin.login') }}" class="block w-full py-3.5 px-6 bg-blue-600 hover:bg-blue-700 text-white font-semibold rounded-lg shadow-sm transition-all duration-200 transform hover:-translate-y-0.5 active:scale-95 text-sm">
                        <i class="fas fa-user-shield mr-2"></i> Masuk ke Admin Panel
                    </a>
                    
                    <a href="/" class="block w-full py-2 text-gray-400 hover:text-gray-600 transition-colors text-xs font-medium">
                        <i class="fas fa-home mr-1"></i> Lihat Beranda
                    </a>
                </div>
            </div>

            <div class="bg-gray-50 py-4 border-t border-gray-100 text-center">
                <p class="text-[10px] text-gray-400 font-medium uppercase tracking-widest">
                    © 2025 Dramasub Installer System
                </p>
            </div>
        </div>
    </div>
</body>
</html>