<?php
session_start();
require '../includes/db.php';
if (!isset($_SESSION['user_id'])) { header("Location: ../login.php"); exit(); }
$settings = $conn->query("SELECT * FROM settings WHERE id=1")->fetch_assoc();
$primary = $settings['theme_primary'] ?? '#034C44';
?>
<!DOCTYPE html>
<html lang="bn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>সুরক্ষা কেন্দ্র</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body class="bg-gray-100">

    <div class="p-4 flex items-center text-white sticky top-0 z-50" style="background-color: <?php echo $primary; ?>;">
        <a href="account.php" class="mr-4"><i class="fas fa-chevron-left text-xl"></i></a>
        <h1 class="text-lg font-bold">সুরক্ষা কেন্দ্র</h1>
    </div>

    <div class="m-4 p-6 bg-white rounded-xl shadow-sm flex items-center gap-6">
        <div class="relative w-20 h-20 flex items-center justify-center">
            <div class="w-full h-full rounded-full border-4 border-blue-100 border-t-blue-500 animate-spin absolute" style="animation-duration: 5s;"></div>
            <span class="text-xl font-bold text-blue-600">66%</span>
        </div>
        <div>
            <h2 class="font-bold text-gray-800 flex items-center gap-2">নিরাপত্তা শতাংশ: মধ্য <i class="fas fa-bolt text-yellow-400"></i></h2>
            <p class="text-xs text-gray-400 mt-1">সর্বশেষ লগইন: <?php echo date('Y-m-d H:i'); ?></p>
        </div>
    </div>

    <p class="text-center text-xs text-red-500 mb-4">আপনার অ্যাকাউন্ট নিরাপত্তা স্তর মধ্য, আপনার নিরাপত্তা তথ্য উন্নত করুন</p>

    <div class="bg-white mx-4 rounded-xl shadow-sm divide-y divide-gray-100">
        
        <a href="my_account.php" class="flex items-center justify-between p-4 hover:bg-gray-50">
            <div class="flex items-center gap-3">
                <i class="far fa-user text-blue-500 text-xl"></i>
                <div>
                    <h3 class="font-bold text-gray-700 flex items-center gap-2">ব্যক্তিগত তথ্য <i class="fas fa-exclamation-circle text-red-500"></i></h3>
                    <p class="text-xs text-gray-400">ব্যক্তিগত তথ্য সম্পূর্ণ করুন</p>
                </div>
            </div>
            <i class="fas fa-chevron-right text-gray-300"></i>
        </a>

        <a href="withdraw.php" class="flex items-center justify-between p-4 hover:bg-gray-50">
            <div class="flex items-center gap-3">
                <i class="fas fa-wallet text-blue-500 text-xl"></i>
                <div>
                    <h3 class="font-bold text-gray-700 flex items-center gap-2">ই-ওয়ালেট বাঁধুন <i class="fas fa-check-circle text-green-500"></i></h3>
                    <p class="text-xs text-gray-400">উত্তোলনের জন্য ই-ওয়ালেট বাঁধুন</p>
                </div>
            </div>
            <i class="fas fa-chevron-right text-gray-300"></i>
        </a>

        <a href="change_password.php" class="flex items-center justify-between p-4 hover:bg-gray-50">
            <div class="flex items-center gap-3">
                <i class="fas fa-lock text-purple-500 text-xl"></i>
                <div>
                    <h3 class="font-bold text-gray-700 flex items-center gap-2">লগইন পাসওয়ার্ড পরিবর্তন <i class="fas fa-check-circle text-green-500"></i></h3>
                    <p class="text-xs text-gray-400">প্রস্তাবিত অক্ষর এবং সংখ্যা মিশ্রণ</p>
                </div>
            </div>
            <i class="fas fa-chevron-right text-gray-300"></i>
        </a>

        <a href="../logout.php" class="flex items-center justify-between p-4 hover:bg-red-50">
            <div class="flex items-center gap-3">
                <i class="fas fa-power-off text-red-500 text-xl"></i>
                <div>
                    <h3 class="font-bold text-gray-700">লগআউট</h3>
                    <p class="text-xs text-gray-400">নিরাপদভাবে লগআউট করুন</p>
                </div>
            </div>
        </a>

    </div>

</body>
</html>