<?php
session_start();
require_once 'includes/config.php';

// Kiểm tra: Nếu chưa đăng nhập thì đẩy ra trang đăng nhập
if (!isset($_SESSION['nguoi_dung_id'])) {
    header("Location: dang-nhap.php");
    exit;
}

// Truy xuất thông tin mới nhất của thành viên từ cơ sở dữ liệu
$id_thanh_vien = $_SESSION['nguoi_dung_id'];
$truy_van = $pdo->prepare("SELECT * FROM thanh_vien WHERE id = ?");
$truy_van->execute([$id_thanh_vien]);
$thong_tin = $truy_van->fetch();

?>
<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tài khoản cá nhân - PHẠM NGỌC TV</title>
    <style>
        body { font-family: 'Segoe UI', Arial, sans-serif; background-color: #eef2f6; margin: 0; padding: 0; color: #333; }
        .dau-trang { background: #0056b3; padding: 15px 20px; color: white; display: flex; justify-content: space-between; align-items: center; }
        .dau-trang a { color: white; text-decoration: none; font-weight: bold; }
        
        .khung-noi-dung { max-width: 800px; margin: 30px auto; padding: 0 20px; }
        .the-thong-tin { background: #fff; border-radius: 12px; padding: 25px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); margin-bottom: 20px; }
        
        .tieu-de-the { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 15px; color: #0056b3; font-size: 18px; font-weight: bold; }
        .dong-du-lieu { display: flex; justify-content: space-between; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px dashed #f0f0f0; }
        .dong-du-lieu:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
        
        .khu-vuc-vi { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
        .hop-so-du { background: #f8fbff; border: 1px solid #cce5ff; border-radius: 8px; padding: 15px; text-align: center; }
        .hop-so-du.cho-duyet { background: #fffdf5; border-color: #ffecb5; }
        .so-tien { font-size: 24px; font-weight: bold; color: #0056b3; margin-top: 10px; }
        .so-tien.mau-cam { color: #d39e00; }
        
        .nut-bam { display: inline-block; background: #0056b3; color: white; padding: 10px 20px; text-decoration: none; border-radius: 6px; margin-top: 15px; }
    </style>
</head>
<body>

    <header class="dau-trang">
        <a href="index.php">⬅ Trở về Sảnh chính</a>
        <span>Bảng điều khiển</span>
    </header>

    <div class="khung-noi-dung">
        <div class="the-thong-tin">
            <div class="tieu-de-the">Hồ sơ Thành viên</div>
            <div class="dong-du-lieu">
                <span>Họ và tên:</span>
                <strong><?php echo htmlspecialchars($thong_tin['ho_ten']); ?></strong>
            </div>
            <div class="dong-du-lieu">
                <span>Thư điện tử:</span>
                <strong><?php echo htmlspecialchars($thong_tin['email']); ?></strong>
            </div>
            <div class="dong-du-lieu">
                <span>Vai trò hệ thống:</span>
                <strong><?php echo strtoupper($thong_tin['vai_tro']); ?></strong>
            </div>
            <div class="dong-du-lieu">
                <span>Điểm uy tín:</span>
                <strong style="color: #28a745;">⭐ <?php echo $thong_tin['diem_uy_tin']; ?> điểm</strong>
            </div>
        </div>

        <div class="the-thong-tin">
            <div class="tieu-de-the">Ví Tài chính & Tri ân</div>
            <div class="khu-vuc-vi">
                <div class="hop-so-du">
                    <div>Số dư khả dụng</div>
                    <div class="so-tien">0 VNĐ</div> 
                </div>
                <div class="hop-so-du cho-duyet">
                    <div>Tiền chờ duyệt</div>
                    <div class="so-tien mau-cam">0 VNĐ</div>
                </div>
            </div>
            <div style="text-align: center;">
                <a href="#" class="nut-bam">Yêu cầu rút tiền</a>
            </div>
        </div>
    </div>

</body>
</html>