<?php
session_start();
if (!isset($_SESSION['user_id']) || $_SESSION['role'] != 'admin') {
    header("Location: ../login.php");
    exit();
}
?>

<!DOCTYPE html>
<html lang="th">
<head>
    <meta charset="UTF-8">
    <title>Admin Dashboard</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            font-family: "Poppins", sans-serif;
            background: radial-gradient(circle at top left, #0f2027, #203a43, #2c5364);
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
        }
        .dashboard-container {
            background: rgba(255,255,255,0.08);
            backdrop-filter: blur(12px);
            border-radius: 20px;
            padding: 50px 30px;
            width: 90%;
            max-width: 850px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
            text-align: center;
        }
        h1 {
            font-size: 26px;
            margin-bottom: 40px;
            font-weight: 600;
            color: #f5f5f5;
        }
        .btn-group {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 25px;
        }
        .btn {
            display: block;
            padding: 18px;
            border-radius: 12px;
            font-size: 18px;
            font-weight: bold;
            text-decoration: none;
            color: #fff;
            background: linear-gradient(135deg, #4e54c8, #8f94fb);
            transition: all 0.3s ease-in-out;
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
        }
        .btn:hover {
            transform: translateY(-5px) scale(1.03);
            box-shadow: 0 12px 25px rgba(0,0,0,0.6);
        }

        /* สีปุ่มแต่ละแบบ */
        .btn-add { background: linear-gradient(135deg, #28a745, #4cd964); }
        .btn-manage { background: linear-gradient(135deg, #007bff, #00c6ff); }
        .btn-comments { background: linear-gradient(135deg, #17a2b8, #4facfe); }
        .btn-logout { background: linear-gradient(135deg, #ff416c, #ff4b2b); }
    </style>
</head>
<body>
<div class="dashboard-container">
    <h1>👋 ยินดีต้อนรับ <?php echo htmlspecialchars($_SESSION['username']); ?> สู่ระบบผู้ดูแล</h1>
    <div class="btn-group">
        <a class="btn btn-add" href="add_article.php">➕ เพิ่มข่าวใหม่</a>
        <a class="btn btn-manage" href="manage_articles.php">📝 จัดการข่าว</a>
        <a class="btn btn-comments" href="manage_comments.php">💬 จัดการความคิดเห็น</a>
        <a class="btn btn-logout" href="../admin/logout.php">🚪 ออกจากระบบ</a>
    </div>
</div>
</body>
</html>
