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

// Kiểm tra quyền truy cập hệ thống
if (!isset($_SESSION['nguoi_dung_id'])) {
    header("Location: dang-nhap.php");
    exit;
}

$id_user = $_SESSION['nguoi_dung_id'];

// Lấy thông tin tổng hợp tập trung của người dùng từ cơ sở dữ liệu
$stmt = $pdo->prepare("
    SELECT t.*, 
    (SELECT SUM(so_tien) FROM giao_dich_tai_chinh WHERE id_nguoi_nhan = t.id AND trang_thai = 'da_chuyen' AND loai_giao_dich IN ('thu_lao', 'tri_an')) as tong_thu_nhap,
    (SELECT SUM(so_tien) FROM giao_dich_tai_chinh WHERE id_nguoi_nhan = t.id AND trang_thai = 'cho_duyet' AND loai_giao_dich = 'rut_tien') as tien_dang_cho_rut,
    (SELECT SUM(so_tien) FROM giao_dich_tai_chinh WHERE id_nguoi_nhan = t.id AND trang_thai = 'da_chuyen' AND loai_giao_dich = 'rut_tien') as tien_da_rut
    FROM thanh_vien t WHERE t.id = ?
");
$stmt->execute([$id_user]);
$nguoi_dung = $stmt->fetch();

$stmt_wallet = $pdo->prepare("SELECT so_du FROM vi_thanh_vien WHERE thanh_vien_id = ?");
$stmt_wallet->execute([$id_user]);
$wallet_row = $stmt_wallet->fetch();
$so_du_vi = (float)($wallet_row['so_du'] ?? 0);

$stmt_dong_tien_nguon = $pdo->prepare("SELECT loai_giao_dich, trang_thai, SUM(so_tien) AS tong FROM giao_dich_tai_chinh WHERE id_nguoi_nhan = ? GROUP BY loai_giao_dich, trang_thai");
$stmt_dong_tien_nguon->execute([$id_user]);
$dong_tien_nguon = [];
while ($row = $stmt_dong_tien_nguon->fetch()) {
    $dong_tien_nguon[$row['loai_giao_dich']][$row['trang_thai']] = $row['tong'];
}

$thu_lao_da_chuyen = (float)($dong_tien_nguon['thu_lao']['da_chuyen'] ?? 0);
$tri_an_da_chuyen = (float)($dong_tien_nguon['tri_an']['da_chuyen'] ?? 0);
$thu_nhap_da_chuyen = $thu_lao_da_chuyen + $tri_an_da_chuyen;
$tien_dang_cho_rut = (float)($dong_tien_nguon['rut_tien']['cho_duyet'] ?? 0);
$tien_da_rut = (float)($dong_tien_nguon['rut_tien']['da_chuyen'] ?? 0);
$so_du_kha_dung = $so_du_vi;

// Chi tiết thù lao từng sự kiện
$stmt_thu_lao_ct = $pdo->prepare("
    SELECT g.so_tien, g.trang_thai, g.ngay_tao, s.ten_su_kien, s.linh_vuc
    FROM giao_dich_tai_chinh g
    LEFT JOIN su_kien s ON s.id = g.id_su_kien
    WHERE g.id_nguoi_nhan = ? AND g.loai_giao_dich IN ('thu_lao','tri_an')
    ORDER BY g.ngay_tao DESC
");
$stmt_thu_lao_ct->execute([$id_user]);
$ds_thu_lao = $stmt_thu_lao_ct->fetchAll();

// Chi tiết hoa hồng affiliate
$stmt_hoa_hong_ct = $pdo->prepare("
    SELECT l.so_tien_hoa_hong, l.trang_thai, l.ngay_ghi_nhan, l.ten_noi_dung, l.loai_noi_dung,
           t.ho_ten AS ten_nguoi_duoc_gioi_thieu
    FROM lich_su_affiliate l
    LEFT JOIN thanh_vien t ON t.id = l.nguoi_duoc_gioi_thieu_id
    WHERE l.nguoi_gioi_thieu_id = ?
    ORDER BY l.ngay_ghi_nhan DESC
");
$stmt_hoa_hong_ct->execute([$id_user]);
$ds_hoa_hong = $stmt_hoa_hong_ct->fetchAll();
$tong_hoa_hong_da_tt  = array_sum(array_column(array_filter($ds_hoa_hong, fn($r) => $r['trang_thai'] === 'da_thanh_toan'), 'so_tien_hoa_hong'));
$tong_hoa_hong_cho    = array_sum(array_column(array_filter($ds_hoa_hong, fn($r) => $r['trang_thai'] === 'cho_duyet'),    'so_tien_hoa_hong'));

// Chi tiết đặt lịch dịch vụ có mã giới thiệu của thành viên này
$stmt_dat_lich_ct = $pdo->prepare("
    SELECT d.ten_khach_hang, d.dich_vu, d.so_tien_thuc_thu, d.ngay_tao, d.linh_vuc,
           lsa.so_tien_hoa_hong, lsa.trang_thai AS tt_hoa_hong
    FROM don_hang d
    LEFT JOIN lich_su_affiliate lsa ON lsa.nguoi_gioi_thieu_id = ? AND lsa.ten_noi_dung COLLATE utf8mb4_unicode_ci = d.dich_vu COLLATE utf8mb4_unicode_ci
    WHERE d.nguoi_gioi_thieu_id = ?
    ORDER BY d.ngay_tao DESC
");
$stmt_dat_lich_ct->execute([$id_user, $id_user]);
$ds_dat_lich = $stmt_dat_lich_ct->fetchAll();

// 1. TOÁN ĐẠI SỐ ĐỐI SOÁT TÀI CHÍNH
$tong_thu_nhap = $thu_nhap_da_chuyen;

// 2. CHỈ SỐ HIỆU SUẤT CÔNG VIỆC (dựa trên dữ liệu thực tế)
$stmt_thong_ke = $pdo->prepare("
    SELECT
        SUM(CASE WHEN trang_thai IN ('chinh_thuc', 'da_giai_ngan', 'hoan_thanh') THEN 1 ELSE 0 END) AS su_kien_duoc_giao,
        SUM(CASE WHEN trang_thai = 'hoan_thanh' THEN 1 ELSE 0 END) AS su_kien_hoan_thanh
    FROM ung_tuyen_su_kien
    WHERE thanh_vien_id = ?
");
$stmt_thong_ke->execute([$id_user]);
$thong_ke_cong_viec = $stmt_thong_ke->fetch();

$su_kien_duoc_giao = (int)($thong_ke_cong_viec['su_kien_duoc_giao'] ?? 0);
$su_kien_hoan_thanh = (int)($thong_ke_cong_viec['su_kien_hoan_thanh'] ?? 0);
$ti_le_hoan_thanh = ($su_kien_duoc_giao > 0) ? round(($su_kien_hoan_thanh / $su_kien_duoc_giao) * 100, 1) : 0;

// 3. ĐO LƯỜNG ĐIỂM TÍN NHIỆM TRỰC QUAN
$diem_uy_tin = $nguoi_dung['diem_uy_tin'] ?? 0;
$phan_tram_uy_tin = ($diem_uy_tin / 100) * 100;
if($phan_tram_uy_tin > 100) $phan_tram_uy_tin = 100;

// =========================================================================
// BẢN VÁ TỰ ĐỘNG: Sinh mã giới thiệu cho các tài khoản cũ chưa có mã
// =========================================================================
if (empty($nguoi_dung['ma_gioi_thieu'])) {
    $ma_moi = "SPNT" . rand(100000, 999999);
    $cap_nhat = $pdo->prepare("UPDATE thanh_vien SET ma_gioi_thieu = ? WHERE id = ?");
    $cap_nhat->execute([$ma_moi, $id_user]);
    $nguoi_dung['ma_gioi_thieu'] = $ma_moi;
}
// =========================================================================

// 4. ĐƯỜNG DẪN TIẾP THỊ VÀ MÃ PHẢN HỒI NHANH (QR CODE)
$duong_dan_tiep_thi = "http://localhost/congdongnghethuat/?ref=" . $nguoi_dung['ma_gioi_thieu'];
$anh_ma_quet = "https://api.qrserver.com/v1/create-qr-code/?size=180x180&data=" . urlencode($duong_dan_tiep_thi);

$ds_chinh_sach_affiliate = $pdo->query("
    SELECT cs.*,
        CASE cs.loai_noi_dung
            WHEN 'khoa_hoc' THEN (SELECT ten_khoa_hoc FROM chuong_trinh_dao_tao WHERE id = cs.id_noi_dung)
            WHEN 'dich_vu'  THEN (SELECT ten_dich_vu  FROM dich_vu_su_kien       WHERE id = cs.id_noi_dung)
            WHEN 'tin_tuc'  THEN (SELECT tieu_de      FROM tin_tuc_su_kien        WHERE id = cs.id_noi_dung)
        END AS ten_noi_dung
    FROM chinh_sach_affiliate cs
    WHERE cs.trang_thai = 1
    ORDER BY cs.ngay_tao DESC
")->fetchAll();

$stmt_lich_su_aff = $pdo->prepare("
    SELECT l.*, t.ho_ten AS ten_nguoi_duoc_gioi_thieu
    FROM lich_su_affiliate l
    LEFT JOIN thanh_vien t ON t.id = l.nguoi_duoc_gioi_thieu_id
    WHERE l.nguoi_gioi_thieu_id = ?
    ORDER BY l.ngay_ghi_nhan DESC, l.id DESC
");
$stmt_lich_su_aff->execute([$id_user]);
$lich_su_affiliate = $stmt_lich_su_aff->fetchAll();
$stmt_khoa_hoc = $pdo->prepare("\n    SELECT td.id AS id_tien_do, lh.ten_lop, lh.ma_lop, lh.tinh_thanh, lh.trang_thai AS trang_thai_lop,\n           td.phan_tram_hoan_thanh, td.trang_thai_hoc, td.nhan_xet_giao_vien, td.ngay_cap_nhat\n    FROM tien_do_hoc_tap td\n    JOIN lop_hoc lh ON td.id_lop = lh.id\n    WHERE td.id_hoc_vien = ?\n    ORDER BY td.ngay_cap_nhat DESC, td.id DESC\n");
$stmt_khoa_hoc->execute([$id_user]);
$ds_khoa_hoc_cua_toi = $stmt_khoa_hoc->fetchAll();?>
<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hồ sơ Năng lực - PHẠM NGỌC TV</title>
    <link rel="icon" type="image/png" href="images/icon.png">
    <link rel="apple-touch-icon" href="images/icon.png">
    <style>
        :root {
            --mau-chu-dao: #004085;
            --mau-phu: #0056b3;
            --mau-nen: #f0f2f5;
            --mau-chu: #2c3e50;
            --trang: #ffffff;
            --vien: #dce1e6;
        }

        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: var(--mau-nen); margin: 0; color: var(--mau-chu); display: flex; min-height: 100vh; }
        
        /* CỘT TRÌNH ĐƠN ĐIỀU HƯỚNG CỐ ĐỊNH */
        .cot-trinh-don { width: 320px; background: var(--trang); border-right: 1px solid var(--vien); display: flex; flex-direction: column; position: fixed; height: 100vh; overflow-y: auto; box-shadow: 2px 0 10px rgba(0,0,0,0.03); z-index: 100; left: 0; top: 0; }
        .khu-vuc-anh-dai-dien { padding: 30px 20px 20px; text-align: center; background: linear-gradient(135deg, var(--mau-chu-dao), var(--mau-phu)); color: var(--trang); }
        .vong-tron-anh { width: 100px; height: 100px; background: var(--trang); color: var(--mau-chu-dao); border-radius: 50%; line-height: 100px; font-size: 40px; font-weight: bold; margin: 0 auto 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); }
        
        .khu-vuc-tiep-thi-nhanh { padding: 20px; text-align: center; border-bottom: 1px solid var(--vien); background: #f8f9fa; }
        .khu-vuc-tiep-thi-nhanh img { border: 3px solid var(--vien); border-radius: 8px; margin-bottom: 10px; width: 140px; height: 140px; }
        .o-copy-duong-dan { display: flex; margin-top: 5px; }
        .o-copy-duong-dan input { flex: 1; padding: 8px; border: 1px solid #ccc; border-radius: 4px 0 0 4px; font-size: 11px; background: #fff; }
        .o-copy-duong-dan button { background: var(--mau-chu-dao); color: white; border: none; padding: 8px 12px; border-radius: 0 4px 4px 0; cursor: pointer; font-size: 11px; font-weight: bold; }

        .danh-sach-chuc-nang { list-style: none; padding: 15px; margin: 0; flex: 1; }
        .nut-chuyen-muc { display: block; padding: 14px 15px; color: #495057; text-decoration: none; border-radius: 8px; margin-bottom: 5px; font-weight: 500; cursor: pointer; border: none; background: transparent; width: 100%; text-align: left; font-size: 14px; transition: all 0.3s; }
        .nut-chuyen-muc:hover { background: #eef2f7; color: var(--mau-phu); padding-left: 20px; }
        .nut-chuyen-muc.dang-chon { background: #eef2f7; color: var(--mau-chu-dao); font-weight: bold; border-left: 4px solid var(--mau-chu-dao); }
        
        /* KHU VỰC HIỂN THỊ NỘI DUNG */
        .khu-vuc-noi-dung { margin-left: 320px; flex: 1; padding: 40px; max-width: 100%; box-sizing: border-box; width: calc(100% - 320px); }
        .phan-noi-dung { display: none; animation: hien-thi 0.4s ease-in-out; }
        .phan-noi-dung.hien-thi { display: block; }
        @keyframes hien-thi { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }

        /* KHUNG THÔNG TIN VÀ Ô NHẬP LIỆU */
        .khoi-thong-tin { background: var(--trang); padding: 35px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.04); margin-bottom: 25px; border: 1px solid #ebedf0; }
        .tieu-de-khoi { color: var(--mau-chu-dao); margin-top: 0; border-bottom: 2px solid #eef2f7; padding-bottom: 15px; margin-bottom: 25px; font-size: 20px; font-weight: bold; }
        
        .luoi-nhap-lieu { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
        .luoi-3-cot { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin-bottom: 20px; }
        .nhom-nhap-lieu { margin-bottom: 15px; }
        .nhom-nhap-lieu label { display: block; font-size: 13px; font-weight: bold; color: #495057; margin-bottom: 8px; }
        .nhom-nhap-lieu input, .nhom-nhap-lieu textarea, .nhom-nhap-lieu select { width: 100%; padding: 12px 15px; border: 1px solid #ced4da; border-radius: 6px; box-sizing: border-box; font-family: inherit; font-size: 14px; background-color: #fcfcfc; }
        .nhom-nhap-lieu input:focus, .nhom-nhap-lieu textarea:focus, .nhom-nhap-lieu select:focus { border-color: var(--mau-phu); outline: none; box-shadow: 0 0 0 3px rgba(0,86,179,0.1); background-color: #fff; }
        
        .nut-hanh-dong { background: var(--mau-chu-dao); color: var(--trang); border: none; padding: 14px 28px; border-radius: 6px; font-weight: bold; cursor: pointer; font-size: 14px; transition: 0.3s; box-shadow: 0 4px 6px rgba(0,64,133,0.2); }
        .nut-hanh-dong:hover { background: #002752; transform: translateY(-1px); box-shadow: 0 6px 8px rgba(0,64,133,0.3); }

        .hop-thong-ke { padding: 20px; border-radius: 10px; border-left: 5px solid; position: relative; overflow: hidden; background: white; border: 1px solid #e1e8ed; }
        .hop-thong-ke h4 { margin: 0 0 5px 0; font-size: 13px; color: #555; text-transform: uppercase; letter-spacing: 0.5px; }
        .hop-thong-ke .con-so { font-size: 28px; font-weight: bold; color: #222; }
        .hop-thong-ke .chi-tiet { font-size: 13px; margin-top: 10px; color: #666; display: flex; justify-content: space-between; border-top: 1px solid rgba(0,0,0,0.05); padding-top: 10px; }

        .khu-vuc-tai-anh { border: 2px dashed #ced4da; padding: 25px; text-align: center; border-radius: 8px; background: #f8f9fa; cursor: pointer; margin-bottom: 20px; transition: 0.2s; }
        .khu-vuc-tai-anh:hover { border-color: var(--mau-phu); background: #eef2f7; }
        .dong-thong-bao { padding: 20px; border-bottom: 1px solid var(--vien); display: flex; gap: 20px; align-items: flex-start; }
        .dong-thong-bao:last-child { border-bottom: none; }
        
        .bang-tinh-thue { background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 6px; padding: 15px; margin-top: 15px; }
        .bang-tinh-thue p { margin: 5px 0; font-size: 14px; display: flex; justify-content: space-between; }
        .bang-tinh-thue .tong-nhan { font-weight: bold; font-size: 16px; color: #28a745; border-top: 1px dashed #ccc; padding-top: 10px; margin-top: 10px; }
        
        /* NÚT TOGGLE SIDEBAR FLOATING - NỔI BẬT TRÊN DI ĐỘNG */
        .nut-toggle-sidebar-floating { 
            display: none; 
            position: fixed; 
            top: 20px; 
            left: 20px; 
            width: 56px; 
            height: 56px; 
            background: linear-gradient(135deg, #004085, #0056b3); 
            color: white; 
            border: none; 
            border-radius: 50%; 
            font-size: 28px; 
            font-weight: bold; 
            cursor: pointer; 
            transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); 
            box-shadow: 0 6px 20px rgba(0,64,133,0.35); 
            z-index: 1001; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
        }
        .nut-toggle-sidebar-floating:hover { 
            transform: scale(1.15) rotate(90deg); 
            box-shadow: 0 8px 28px rgba(0,64,133,0.45); 
        }
        .nut-toggle-sidebar-floating:active { 
            transform: scale(0.92); 
        }
        
        /* NÚT TOGGLE SIDEBAR CŨ */
        
        /* NÚT QUAY LẠI TRANG CHỦ */
        .nut-quay-lai { display: inline-block; background: #6c757d; color: white; border: none; padding: 12px 18px; border-radius: 6px; font-size: 14px; font-weight: bold; cursor: pointer; text-decoration: none; transition: 0.3s; box-shadow: 0 2px 8px rgba(0,0,0,0.1); margin-bottom: 20px; }
        .nut-quay-lai:hover { background: #5a6268; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
        
        .nut-toggle-sidebar { display: none; background: var(--mau-chu-dao); color: white; border: none; padding: 12px 18px; border-radius: 6px; font-size: 14px; font-weight: bold; cursor: pointer; margin-bottom: 20px; transition: 0.3s; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
        .nut-toggle-sidebar:hover { background: #002752; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
        .nut-toggle-sidebar.sidebar-dang-an { background: #6c757d; }
        
        @media (max-width: 768px) {
            .nut-toggle-sidebar-floating { display: flex !important; }
            .nut-toggle-sidebar { display: none !important; }
            .nut-quay-lai { display: none; }
            
            body { flex-direction: column; }
            
            /* Sidebar trở thành overlay trên mobile */
            .cot-trinh-don { 
                position: fixed; 
                left: 0; 
                top: 0; 
                width: 280px; 
                height: 100vh; 
                z-index: 999; 
                transform: translateX(0);
                transition: transform 0.4s ease-in-out;
            }
            
            /* Ẩn sidebar khi có class sidebar-hidden */
            .cot-trinh-don.sidebar-hidden { 
                transform: translateX(-100%);
                box-shadow: none;
            }
            
            /* Nội dung phù hợp trên mobile */
            .khu-vuc-noi-dung { 
                margin-left: 0;
                padding: 20px 15px;
                max-width: 100%;
                width: 100%;
            }
            
            /* Hiển thị nút toggle trên mobile */
            .nut-toggle-sidebar { display: inline-block; width: 100%; }
            
            /* Điều chỉnh các grid cho mobile */
            .luoi-nhap-lieu, .luoi-3-cot { grid-template-columns: 1fr; }
            
            .khoi-thong-tin { padding: 20px 15px; margin-bottom: 15px; }
            
            .tieu-de-khoi { font-size: 16px; margin-bottom: 15px; padding-bottom: 10px; }
            
            .hop-thong-ke { margin-bottom: 15px; }
        }
        
        @media (max-width: 480px) {
            .khu-vuc-noi-dung { padding: 15px 10px; }
            .khoi-thong-tin { padding: 15px 10px; }
            .nut-hanh-dong { padding: 10px 20px; font-size: 13px; }
        }
    </style>
</head>
<body>

    <div class="cot-trinh-don">
        <div class="khu-vuc-anh-dai-dien">
            <?php if (!empty($nguoi_dung['anh_dai_dien'])): ?>
            <img src="<?php echo htmlspecialchars($nguoi_dung['anh_dai_dien']); ?>" class="vong-tron-anh" style="object-fit: cover; border: none; padding: 0;">
        <?php else: ?>
            <div class="vong-tron-anh"><?php echo mb_substr($nguoi_dung['ho_ten'], 0, 1, 'UTF-8'); ?></div>
        <?php endif; ?>
            <h3 style="margin: 0 0 6px; font-size: 18px; font-weight: bold; line-height: 1.3;"><?php echo htmlspecialchars($nguoi_dung['ho_ten']); ?></h3>
            <?php if (!empty($nguoi_dung['linh_vuc_chi_tiet'])): ?>
                <div style="font-size: 13px; margin-top: 4px; opacity: 0.95; background: rgba(255,255,255,0.15); padding: 5px 10px; border-radius: 20px; display: inline-block;"><?php echo htmlspecialchars($nguoi_dung['linh_vuc_chi_tiet']); ?></div>
            <?php else: ?>
                <div style="font-size: 12px; margin-top: 4px; opacity: 0.75; font-style: italic;">Chưa cập nhật lĩnh vực</div>
            <?php endif; ?>
            <?php if (!empty($nguoi_dung['tinh_thanh'])): ?>
                <div style="font-size: 12px; margin-top: 6px; opacity: 0.85;">📍 <?php echo htmlspecialchars($nguoi_dung['tinh_thanh']); ?></div>
            <?php endif; ?>
        </div>

        <div class="khu-vuc-tiep-thi-nhanh">
            <div style="font-size: 12px; font-weight: bold; color: #666; margin-bottom: 8px;">MÃ MỜI ĐỐI TÁC: <span style="color: var(--mau-chu-dao);"><?php echo $nguoi_dung['ma_gioi_thieu']; ?></span></div>
            <img src="<?php echo $anh_ma_quet; ?>" alt="Mã quét giới thiệu" id="anh-qr">
            <div style="margin-bottom: 8px;">
                <a href="<?php echo $anh_ma_quet; ?>" download="QR_<?php echo $nguoi_dung['ma_gioi_thieu']; ?>.png" 
                   style="display:inline-block; padding: 6px 14px; background: #28a745; color: white; border-radius: 4px; font-size: 12px; font-weight: bold; text-decoration: none;">⬇ Tải ảnh QR</a>
            </div>
            <div class="o-copy-duong-dan">
                <input type="text" id="link_tk" value="<?php echo $duong_dan_tiep_thi; ?>" readonly>
                <button type="button" onclick="saoChepDuongDan()">SAO CHÉP</button>
            </div>
        </div>

        <ul class="danh-sach-chuc-nang">
            <li><button class="nut-chuyen-muc dang-chon" onclick="chuyenMuc(event, 'muc-tong-quan')">📊 Thống kê Hiệu suất</button></li>
            <li><button class="nut-chuyen-muc" onclick="chuyenMuc(event, 'muc-ca-nhan')">👤 Thông tin Định danh</button></li>
            
            <?php if($nguoi_dung['vai_tro'] == 'to_chuc'): ?>
            <li><button class="nut-chuyen-muc" onclick="chuyenMuc(event, 'muc-doanh-nghiep')">🏢 Hồ sơ Doanh nghiệp</button></li>
            <?php endif; ?>
            <li><button class="nut-chuyen-muc" onclick="chuyenMuc(event, 'muc-khoa-hoc')">🎓 Khóa học của tôi</button></li>
            
            <li><button class="nut-chuyen-muc" onclick="chuyenMuc(event, 'muc-tai-chinh')">💰 Quản lý Dòng tiền</button></li>
            <li><a href="vi-thanh-vien.php" class="nut-chuyen-muc">💳 Ví thành viên</a></li>
            <li><button class="nut-chuyen-muc" onclick="chuyenMuc(event, 'muc-affiliate')">🔗 Chương trình Affiliate</button></li>
            <li><button class="nut-chuyen-muc" onclick="chuyenMuc(event, 'muc-thong-bao')">📬 Hộp thư Hệ thống</button></li>
            <li><button class="nut-chuyen-muc" onclick="chuyenMuc(event, 'muc-tri-an')">💌 Lời Tri ân Cộng đồng</button></li>
            <li><button class="nut-chuyen-muc" onclick="chuyenMuc(event, 'muc-bao-mat')">🔐 Bảo mật Hệ thống</button></li>
            <li style="margin-top: 10px;"><a href="dang-xuat.php" class="nut-chuyen-muc" style="color: #dc3545; border-top: 1px solid #eee; border-radius: 0;">🚪 Đăng xuất an toàn</a></li>
        </ul>
    </div>

    <!-- Nút Toggle Sidebar Floating cho Di động -->
    <button id="toggle-sidebar-btn-floating" class="nut-toggle-sidebar-floating" onclick="toggleSidebar()" title="Mở/Đóng Menu">
        <span id="toggle-icon">☰</span>
    </button>

    <div class="khu-vuc-noi-dung">
        <!-- Nút Quay lại Trang chủ cho Máy tính -->
        <a href="index.php" class="nut-quay-lai">⬅ Quay lại Trang chủ</a>

        <!-- Nút Toggle Sidebar cho Di động (cũ - ẩn trên mobile) -->
        <button id="toggle-sidebar-btn" class="nut-toggle-sidebar" onclick="toggleSidebar()">
            <span id="toggle-text">◀ Ẩn Menu</span>
        </button>

        <?php if (!empty($_SESSION['thong_bao'])): ?>
            <?php $tb = $_SESSION['thong_bao']; unset($_SESSION['thong_bao']); ?>
            <div style="padding:12px 18px; border-radius:8px; margin-bottom:20px; font-weight:bold; font-size:14px;
                background: <?php echo $tb['loai'] == 'thanh_cong' ? '#d4edda' : '#f8d7da'; ?>;
                color: <?php echo $tb['loai'] == 'thanh_cong' ? '#155724' : '#721c24'; ?>;
                border: 1px solid <?php echo $tb['loai'] == 'thanh_cong' ? '#c3e6cb' : '#f5c6cb'; ?>">
                <?php echo $tb['loai'] == 'thanh_cong' ? '✅' : '❌'; ?> <?php echo htmlspecialchars($tb['noi_dung']); ?>
            </div>
        <?php endif; ?>

        <div id="muc-tong-quan" class="phan-noi-dung hien-thi">
            <h2 class="tieu-de-khoi" style="border:none; margin-bottom:10px;">Chỉ số Hoạt động & Hiệu suất</h2>
            
            <div class="luoi-nhap-lieu">
                <div class="hop-thong-ke" style="border-left-color: #0056b3;">
                    <h4>Nhiệm vụ / Sự kiện được giao</h4>
                    <div class="con-so" style="color: #0056b3;"><?php echo $su_kien_duoc_giao; ?> <span style="font-size: 14px; font-weight:normal; color:#666;">dự án</span></div>
                    <div class="chi-tiet">
                        <span>Đã hoàn thành: <strong><?php echo $su_kien_hoan_thanh; ?></strong></span>
                        <span>Đang thực hiện: <strong><?php echo $su_kien_duoc_giao - $su_kien_hoan_thanh; ?></strong></span>
                    </div>
                </div>
                
                <div class="hop-thong-ke" style="border-left-color: #28a745;">
                    <h4>Mức độ Hoàn thành công việc</h4>
                    <div class="con-so" style="color: #28a745;"><?php echo number_format($ti_le_hoan_thanh, 1); ?>%</div>
                    <div style="height: 6px; background: #e9ecef; border-radius: 3px; margin-top: 10px;">
                        <div style="height: 100%; background: #28a745; width: <?php echo $ti_le_hoan_thanh; ?>%; border-radius: 3px;"></div>
                    </div>
                </div>
            </div>

            <div class="khoi-thong-tin" style="background: #fff8e5; border: 1px solid #ffeeba; padding: 25px;">
                <h3 style="margin-top:0; color: #856404; font-size: 16px;">⭐ Điểm Tín Nhiệm & Độ Uy Tín</h3>
                <div style="font-size: 28px; font-weight: bold; color: #d39e00;"><?php echo $diem_uy_tin; ?> / 100 Điểm</div>
                <div class="thanh-tien-trinh" style="height: 12px; background: #e9ecef; border-radius: 6px; overflow: hidden; margin-top: 12px;">
                    <div style="height: 100%; background: #ffc107; width: <?php echo $phan_tram_uy_tin; ?>%;"></div>
                </div>
                <p style="margin: 10px 0 0 0; color: #856404; font-size: 13px;">* Điểm tín nhiệm cao giúp hồ sơ năng lực của bạn thu hút các cơ hội hợp tác và phân bổ sự kiện lớn.</p>
            </div>
        </div>

        <div id="muc-ca-nhan" class="phan-noi-dung">
            <div class="khoi-thong-tin">
                <h2 class="tieu-de-khoi">Hồ sơ Cá nhân & Chi tiết Định danh</h2>
                <form action="xu-ly-cap-nhat-ca-nhan.php" method="POST" enctype="multipart/form-data">
                    
                    <div class="khu-vuc-tai-anh">
                        <div style="font-size: 24px; color: #999;">📷</div>
                        <div style="font-weight: bold; color: #555; font-size:14px; margin-top:5px;">Cập nhật Ảnh Chân dung chuyên nghiệp</div>
                        <input type="file" name="anh_dai_dien" style="margin-top:10px; font-size:12px;">
                    </div>

                    <div class="luoi-nhap-lieu">
                        <div class="nhom-nhap-lieu">
                            <label>Họ và tên pháp lý (Đã khóa định danh)</label>
                            <input type="text" name="ho_ten_hien_thi" value="<?php echo htmlspecialchars($nguoi_dung['ho_ten']); ?>" readonly style="background-color: #e9ecef; cursor: not-allowed; font-weight: bold; color: #495057;">
                            <div style="font-size: 11px; color: #666; margin-top: 4px;">* Vui lòng liên hệ Ban Quản trị qua đường dây nóng để yêu cầu điều chỉnh.</div>
                        </div>
                        <div class="nhom-nhap-lieu">
                            <label>Thư điện tử (Gắn liền tài khoản)</label>
                            <input type="text" value="<?php echo htmlspecialchars($nguoi_dung['email']); ?>" disabled style="background-color: #e9ecef; cursor: not-allowed;">
                        </div>
                    </div>

                    <div class="luoi-3-cot">
                        <div class="nhom-nhap-lieu"><label>Số điện thoại liên lạc</label><input type="text" name="dien_thoai" value="<?php echo htmlspecialchars($nguoi_dung['dien_thoai'] ?? ''); ?>" placeholder="Nhập số điện thoại..."></div>
                        <div class="nhom-nhap-lieu"><label>Ngày sinh</label><input type="date" name="ngay_sinh" value="<?php echo $nguoi_dung['ngay_sinh'] ?? ''; ?>"></div>
                        <div class="nhom-nhap-lieu">
                            <label>Giới tính</label>
                            <select name="gioi_tinh">
                                <option value="nam" <?php if(($nguoi_dung['gioi_tinh'] ?? '') == 'nam') echo 'selected'; ?>>Nam</option>
                                <option value="nu" <?php if(($nguoi_dung['gioi_tinh'] ?? '') == 'nu') echo 'selected'; ?>>Nữ</option>
                                <option value="khac" <?php if(($nguoi_dung['gioi_tinh'] ?? '') == 'khac') echo 'selected'; ?>>Khác</option>
                            </select>
                        </div>
                    </div>

                    <div class="luoi-nhap-lieu">
                        <div class="nhom-nhap-lieu"><label>Số Căn cước công dân (Dành cho hợp đồng)</label><input type="text" name="cccd" value="<?php echo htmlspecialchars($nguoi_dung['cccd'] ?? ''); ?>" placeholder="Số căn cước công dân..."></div>
                        <div class="nhom-nhap-lieu">
                            <label>Lĩnh vực / Chuyên môn chi tiết</label>
                            <input type="text" name="linh_vuc_chi_tiet" value="<?php echo htmlspecialchars($nguoi_dung['linh_vuc_chi_tiet'] ?? ''); ?>" placeholder="Ví dụ: Giảng dạy Piano, Biểu diễn Guitar cổ điển, MC sự kiện...">
                        </div>
                    </div>

                    <div class="luoi-nhap-lieu">
                        <div class="nhom-nhap-lieu">
                            <label>Địa chỉ thường trú / Nơi công tác</label>
                            <input type="text" name="dia_chi" value="<?php echo htmlspecialchars($nguoi_dung['dia_chi'] ?? ''); ?>" placeholder="Số nhà, Tên đường, Quận/Huyện...">
                        </div>
                        <div class="nhom-nhap-lieu">
                            <label>📍 Tỉnh / Thành phố hoạt động chính</label>
                            <select name="tinh_thanh">
                                <option value="">-- Chọn tỉnh thành --</option>
                                <?php
                                $ds_63_tinh = ['An Giang','Bà Rịa - Vũng Tàu','Bắc Giang','Bắc Kạn','Bạc Liêu','Bắc Ninh','Bến Tre','Bình Định','Bình Dương','Bình Phước','Bình Thuận','Cà Mau','Cần Thơ','Cao Bằng','Đà Nẵng','Đắk Lắk','Đắk Nông','Điện Biên','Đồng Nai','Đồng Tháp','Gia Lai','Hà Giang','Hà Nam','Hà Nội','Hà Tĩnh','Hải Dương','Hải Phòng','Hậu Giang','Hòa Bình','Hưng Yên','Khánh Hòa','Kiên Giang','Kon Tum','Lai Châu','Lâm Đồng','Lạng Sơn','Lào Cai','Long An','Nam Định','Nghệ An','Ninh Bình','Ninh Thuận','Phú Thọ','Phú Yên','Quảng Bình','Quảng Nam','Quảng Ngãi','Quảng Ninh','Quảng Trị','Sóc Trăng','Sơn La','Tây Ninh','Thái Bình','Thái Nguyên','Thanh Hóa','Thừa Thiên Huế','Tiền Giang','TP. Hồ Chí Minh','Trà Vinh','Tuyên Quang','Vĩnh Long','Vĩnh Phúc','Yên Bái'];
                                $tinh_hien_tai = $nguoi_dung['tinh_thanh'] ?? '';
                                foreach($ds_63_tinh as $tinh):
                                ?>
                                    <option value="<?php echo $tinh; ?>" <?php if($tinh_hien_tai == $tinh) echo 'selected'; ?>><?php echo $tinh; ?></option>
                                <?php endforeach; ?>
                            </select>
                        </div>
                    </div>
                    
                    <div class="nhom-nhap-lieu">
                        <label>Giới thiệu bản thân, phong cách nghệ thuật cá nhân</label>
                        <textarea name="gioi_thieu_ban_than" rows="4" placeholder="Chia sẻ kinh nghiệm làm việc, thành tựu nghệ thuật nổi bật của bạn..."><?php echo htmlspecialchars($nguoi_dung['gioi_thieu_ban_than'] ?? ''); ?></textarea>
                    </div>

                    <h3 style="font-size: 15px; border-bottom: 1px dashed #ccc; padding-bottom: 8px; margin-top: 30px; color: var(--mau-chu-dao);">Kênh Truyền thông Trực tuyến</h3>
                    <div class="luoi-nhap-lieu">
                        <div class="nhom-nhap-lieu"><label>Trang cá nhân Facebook</label><input type="text" name="fb" value="<?php echo htmlspecialchars($nguoi_dung['facebook'] ?? ''); ?>" placeholder="https://facebook.com/..."></div>
                        <div class="nhom-nhap-lieu"><label>Kênh nội dung Youtube</label><input type="text" name="yt" value="<?php echo htmlspecialchars($nguoi_dung['youtube'] ?? ''); ?>" placeholder="https://youtube.com/..."></div>
                        <div class="nhom-nhap-lieu"><label>Kênh truyền thông Tiktok</label><input type="text" name="tt" value="<?php echo htmlspecialchars($nguoi_dung['tiktok'] ?? ''); ?>" placeholder="https://tiktok.com/..."></div>
                        <div class="nhom-nhap-lieu"><label>Trang mạng cá nhân (Website)</label><input type="text" name="web" value="<?php echo htmlspecialchars($nguoi_dung['website'] ?? ''); ?>" placeholder="https://..."></div>
                    </div>
                    
                    <button type="submit" class="nut-hanh-dong" style="margin-top: 15px;">💾 Lưu Cập nhật Định danh</button>
                </form>
            </div>
        </div>

        <div id="muc-khoa-hoc" class="phan-noi-dung">
            <div class="khoi-thong-tin">
                <h2 class="tieu-de-khoi">Khóa học của tôi</h2>
                <?php if (count($ds_khoa_hoc_cua_toi) > 0): ?>
                    <div style="display:grid; gap:18px;">
                        <?php foreach ($ds_khoa_hoc_cua_toi as $khoa): ?>
                            <div style="background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:20px; box-shadow:0 6px 18px rgba(15,23,42,0.05);">
                                <div style="display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; align-items:flex-start;">
                                    <div>
                                        <div style="font-size:14px; color:#475569; margin-bottom:6px;">Mã lớp: <strong><?php echo htmlspecialchars($khoa['ma_lop']); ?></strong></div>
                                        <h3 style="margin:0 0 8px; font-size:18px; color:#0f172a;"><?php echo htmlspecialchars($khoa['ten_lop']); ?></h3>
                                        <div style="font-size:13px; color:#64748b;">Khu vực: <?php echo htmlspecialchars($khoa['tinh_thanh']); ?></div>
                                    </div>
                                    <div style="text-align:right; min-width:150px;">
                                        <div style="font-size:12px; color:#64748b; margin-bottom:6px;">Trạng thái lớp</div>
                                        <div style="font-weight:bold; color:#0f172a; text-transform:capitalize;"><?php echo htmlspecialchars(str_replace('_', ' ', $khoa['trang_thai_lop'])); ?></div>
                                    </div>
                                </div>
                                <div style="margin-top:18px;">
                                    <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; font-size:13px; color:#475569;">
                                        <span>Tiến độ học</span>
                                        <strong><?php echo number_format($khoa['phan_tram_hoan_thanh'], 0); ?>%</strong>
                                    </div>
                                    <div style="height:10px; background:#e2e8f0; border-radius:999px; overflow:hidden; ">
                                        <div style="height:100%; background:#22c55e; width:<?php echo min(100, max(0, (int)$khoa['phan_tram_hoan_thanh'])); ?>%;"></div>
                                    </div>
                                </div>
                                <div style="margin-top:18px; display:grid; gap:12px;">
                                    <div style="font-size:13px; color:#334155;">
                                        <strong>Trạng thái học:</strong> <?php echo htmlspecialchars($khoa['trang_thai_hoc'] ?: 'Chưa cập nhật'); ?>
                                    </div>
                                    <div style="font-size:13px; color:#334155;">
                                        <strong>Nhận xét giáo viên:</strong> <?php echo nl2br(htmlspecialchars($khoa['nhan_xet_giao_vien'] ?: 'Chưa có nhận xét.')); ?>
                                    </div>
                                </div>
                            </div>
                        <?php endforeach; ?>
                    </div>
                <?php else: ?>
                    <div style="background:#f8fafc; border:1px dashed #cbd5e1; border-radius:12px; padding:24px; color:#334155;">
                        <p style="margin:0 0 8px 0; font-size:15px; font-weight:600;">Chưa có khóa học nào được gán cho bạn.</p>
                        <p style="margin:0; color:#64748b;">Nếu bạn đang học lớp hoặc muốn đăng ký, vui lòng liên hệ nhóm hỗ trợ hoặc giáo viên để cập nhật tiến độ.</p>
                    </div>
                <?php endif; ?>
            </div>
        </div>

        <?php if($nguoi_dung['vai_tro'] == 'to_chuc'): ?>
        <div id="muc-doanh-nghiep" class="phan-noi-dung">
            <div class="khoi-thong-tin">
                <h2 class="tieu-de-khoi">Hồ sơ Doanh nghiệp / Thương hiệu / Trung tâm</h2>
                <form action="xu-ly-cap-nhat-to-chuc.php" method="POST" enctype="multipart/form-data">
                    <div class="khu-vuc-tai-anh">
                        <div style="font-size: 24px; color: #999;">🏢</div>
                        <div style="font-weight: bold; color: #555; font-size:14px; margin-top:5px;">Cập nhật Biểu trưng (Logo) Đơn vị</div>
                        <input type="file" name="logo_to_chuc" style="margin-top:10px; font-size:12px;">
                    </div>

                    <div class="luoi-nhap-lieu">
                        <div class="nhom-nhap-lieu"><label>Tên pháp nhân của Đơn vị</label><input type="text" name="ten_to_chuc" value="<?php echo htmlspecialchars($nguoi_dung['ten_to_chuc'] ?? ''); ?>" placeholder="Nhập tên tổ chức..."></div>
                        <div class="nhom-nhap-lieu"><label>Mã số thuế / Số giấy phép kinh doanh</label><input type="text" name="mst" value="<?php echo htmlspecialchars($nguoi_dung['mst'] ?? ''); ?>" placeholder="Mã số thuế..."></div>
                        <div class="nhom-nhap-lieu"><label>Người đại diện trước pháp luật</label><input type="text" name="nguoi_dai_dien" value="<?php echo htmlspecialchars($nguoi_dung['nguoi_dai_dien'] ?? ''); ?>" placeholder="Họ và tên người đại diện..."></div>
                        <div class="nhom-nhap-lieu"><label>Đường dây nóng liên hệ (Hotline)</label><input type="text" name="hotline" value="<?php echo htmlspecialchars($nguoi_dung['hotline'] ?? ''); ?>" placeholder="Số điện thoại tổng đài..."></div>
                    </div>
                    
                    <div class="luoi-nhap-lieu">
                        <div class="nhom-nhap-lieu">
                            <label>Quy mô nhân sự tổ chức</label>
                            <select name="quy_mo">
                                <option value="nho" <?php if(($nguoi_dung['quy_mo'] ?? '') == 'nho') echo 'selected'; ?>>Dưới 10 nhân sự</option>
                                <option value="vua" <?php if(($nguoi_dung['quy_mo'] ?? '') == 'vua') echo 'selected'; ?>>10 - 50 nhân sự</option>
                                <option value="lon" <?php if(($nguoi_dung['quy_mo'] ?? '') == 'lon') echo 'selected'; ?>>Trên 50 nhân sự</option>
                            </select>
                        </div>
                        <div class="nhom-nhap-lieu"><label>Ngành nghề / Ngách nghệ thuật hoạt động chính</label><input type="text" name="nganh_nghe_chinh" value="<?php echo htmlspecialchars($nguoi_dung['nganh_nghe_chinh'] ?? ''); ?>" placeholder="Ví dụ: Đào tạo nghệ thuật, Cung ứng nhạc công..."></div>
                    </div>

                    <div class="nhom-nhap-lieu">
                        <label>Địa chỉ văn phòng / Trụ sở chính</label>
                        <input type="text" name="dia_chi_ts" value="<?php echo htmlspecialchars($nguoi_dung['dia_chi_ts'] ?? ''); ?>" placeholder="Ghi rõ thông tin địa chỉ trụ sở...">
                    </div>

                    <div class="nhom-nhap-lieu">
                        <label>Giới thiệu tổng quan năng lực và cơ sở vật chất của Tổ chức</label>
                        <textarea name="gioi_thieu_to_chuc" rows="4" placeholder="Tóm tắt chặng đường phát triển, năng lực thiết bị, nhân sự của đơn vị..."><?php echo htmlspecialchars($nguoi_dung['gioi_thieu_to_chuc'] ?? ''); ?></textarea>
                    </div>

                    <button type="submit" class="nut-hanh-dong">🏢 Cập nhật Thông tin Tổ chức</button>
                </form>
            </div>
        </div>
        <?php endif; ?>

        <div id="muc-tai-chinh" class="phan-noi-dung">
            <h2 class="tieu-de-khoi" style="border:none; margin-bottom:10px;">Sổ cái & Kế toán dòng tiền</h2>
            
            <?php if($nguoi_dung['vai_tro'] != 'to_chuc'): ?>
            <div class="khoi-thong-tin" style="padding: 20px 25px 18px;">
                <h3 style="margin-top:0; color:#004085;">🔎 Tổng hợp nguồn dòng tiền</h3>
                <table style="width:100%; border-collapse: collapse; margin-top: 14px;">
                    <thead>
                        <tr style="background:#f1f5f9; color:#334155;">
                            <th style="padding:12px 10px; text-align:left; border-bottom:1px solid #dbe4ef;">Nguồn tiền</th>
                            <th style="padding:12px 10px; text-align:left; border-bottom:1px solid #dbe4ef;">Trạng thái</th>
                            <th style="padding:12px 10px; text-align:right; border-bottom:1px solid #dbe4ef;">Tổng (VNĐ)</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td style="padding:12px 10px; border-bottom:1px solid #eef2f7;">Thù lao sự kiện</td>
                            <td style="padding:12px 10px; border-bottom:1px solid #eef2f7;">Đã chuyển</td>
                            <td style="padding:12px 10px; text-align:right; border-bottom:1px solid #eef2f7; font-weight:bold; color:#0f5132;"><?php echo number_format($thu_lao_da_chuyen, 0, ',', '.'); ?> đ</td>
                        </tr>
                        <tr>
                            <td style="padding:12px 10px; border-bottom:1px solid #eef2f7;">Thu nhập tri ân</td>
                            <td style="padding:12px 10px; border-bottom:1px solid #eef2f7;">Đã chuyển</td>
                            <td style="padding:12px 10px; text-align:right; border-bottom:1px solid #eef2f7; font-weight:bold; color:#0f5132;"><?php echo number_format($tri_an_da_chuyen, 0, ',', '.'); ?> đ</td>
                        </tr>
                        <tr>
                            <td style="padding:12px 10px; border-bottom:1px solid #eef2f7;">Hoa hồng giới thiệu</td>
                            <td style="padding:12px 10px; border-bottom:1px solid #eef2f7;">Đã thanh toán</td>
                            <td style="padding:12px 10px; text-align:right; border-bottom:1px solid #eef2f7; font-weight:bold; color:#0f5132;"><?php echo number_format($tong_hoa_hong_da_tt, 0, ',', '.'); ?> đ</td>
                        </tr>
                        <tr>
                            <td style="padding:12px 10px;">Tổng nguồn thu</td>
                            <td style="padding:12px 10px;">Đã chuyển</td>
                            <td style="padding:12px 10px; text-align:right; font-weight:bold; color:#0d6efd;"><?php echo number_format($tong_thu_nhap + $tong_hoa_hong_da_tt, 0, ',', '.'); ?> đ</td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <div class="luoi-3-cot">
                <div class="hop-thong-ke" style="background: #d4edda; border-left-color: #28a745;">
                    <h4>Thành viên nhận</h4>
                    <div class="con-so" style="color: #155724; font-size: 32px; "><?php echo number_format($so_du_vi, 0, ',', '.'); ?> đ</div>
                    <div style="font-size: 13px; color: #375a7f; margin-top: 6px;">Số dư hiện có trong ví thành viên.</div>
                </div>
                <div class="hop-thong-ke" style="background: #fff3cd; border-left-color: #ffc107;">
                    <h4>Hoa hồng đang chờ</h4>
                    <div class="con-so" style="color: #856404; font-size: 32px; "><?php echo number_format($tong_hoa_hong_cho, 0, ',', '.'); ?> đ</div>
                    <div style="font-size: 13px; color: #6c757d; margin-top: 6px;">Hoa hồng giới thiệu chưa duyệt.</div>
                </div>
                <div class="hop-thong-ke" style="background: #e8f4fd; border-left-color: #0056b3;">
                    <h4>Thu nhập sự kiện</h4>
                    <div class="con-so" style="color: #004085; font-size: 32px; "><?php echo number_format($tong_thu_nhap, 0, ',', '.'); ?> đ</div>
                    <div style="font-size: 13px; color: #3d5170; margin-top: 6px;">Tổng thu nhập từ sự kiện đã được ghi nhận.</div>
                </div>
            </div>

            <div class="khoi-thong-tin">
                <h3 style="margin-top:0; color:#004085;">📑 Chi tiết nguồn thu theo hoạt động</h3>
                <?php if (count($ds_thu_lao) > 0): ?>
                    <div style="overflow-x:auto; margin-bottom: 18px;">
                        <table style="width:100%; border-collapse: collapse;">
                            <thead>
                                <tr style="background:#f8fafc; color:#334155;">
                                    <th style="padding:12px 10px; text-align:left; border-bottom:1px solid #dbe4ef;">Ngày</th>
                                    <th style="padding:12px 10px; text-align:left; border-bottom:1px solid #dbe4ef;">Nguồn</th>
                                    <th style="padding:12px 10px; text-align:left; border-bottom:1px solid #dbe4ef;">Sự kiện / Loại</th>
                                    <th style="padding:12px 10px; text-align:right; border-bottom:1px solid #dbe4ef;">Số tiền</th>
                                    <th style="padding:12px 10px; text-align:left; border-bottom:1px solid #dbe4ef;">Trạng thái</th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php foreach ($ds_thu_lao as $dong): ?>
                                    <tr>
                                        <td style="padding:12px 10px; border-bottom:1px solid #eef2f7; white-space:nowrap;"><?php echo date('d/m/Y', strtotime($dong['ngay_tao'])); ?></td>
                                        <td style="padding:12px 10px; border-bottom:1px solid #eef2f7; color:#0d6efd; font-weight:bold;"><?php echo $dong['linh_vuc'] === 'hoa' ? 'Sự kiện Hoạ' : 'Sự kiện Âm nhạc'; ?></td>
                                        <td style="padding:12px 10px; border-bottom:1px solid #eef2f7;"><?php echo htmlspecialchars($dong['ten_su_kien'] ?? 'Hoạt động khác'); ?></td>
                                        <td style="padding:12px 10px; border-bottom:1px solid #eef2f7; text-align:right; font-weight:bold; color:#155724;"><?php echo number_format($dong['so_tien'], 0, ',', '.'); ?> đ</td>
                                        <td style="padding:12px 10px; border-bottom:1px solid #eef2f7; color:#555;"><?php echo $dong['trang_thai'] === 'da_chuyen' ? 'Đã chuyển' : 'Chờ duyệt'; ?></td>
                                    </tr>
                                <?php endforeach; ?>
                            </tbody>
                        </table>
                    </div>
                <?php else: ?>
                    <p style="font-size:14px; color:#666; margin:0 0 18px 0;">Chưa có dữ liệu thu nhập từ sự kiện.</p>
                <?php endif; ?>

                <?php if (count($ds_hoa_hong) > 0): ?>
                    <div style="overflow-x:auto; margin-bottom: 18px;">
                        <table style="width:100%; border-collapse: collapse;">
                            <thead>
                                <tr style="background:#f8fafc; color:#334155;">
                                    <th style="padding:12px 10px; text-align:left; border-bottom:1px solid #dbe4ef;">Ngày</th>
                                    <th style="padding:12px 10px; text-align:left; border-bottom:1px solid #dbe4ef;">Người được giới thiệu</th>
                                    <th style="padding:12px 10px; text-align:left; border-bottom:1px solid #dbe4ef;">Nguồn</th>
                                    <th style="padding:12px 10px; text-align:right; border-bottom:1px solid #dbe4ef;">Hoa hồng</th>
                                    <th style="padding:12px 10px; text-align:left; border-bottom:1px solid #dbe4ef;">Trạng thái</th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php foreach ($ds_hoa_hong as $dong): ?>
                                    <tr>
                                        <td style="padding:12px 10px; border-bottom:1px solid #eef2f7; white-space:nowrap;"><?php echo date('d/m/Y', strtotime($dong['ngay_ghi_nhan'])); ?></td>
                                        <td style="padding:12px 10px; border-bottom:1px solid #eef2f7;"><?php echo htmlspecialchars($dong['ten_nguoi_duoc_gioi_thieu'] ?? 'Thành viên mới'); ?></td>
                                        <td style="padding:12px 10px; border-bottom:1px solid #eef2f7;"><?php echo htmlspecialchars($dong['ten_noi_dung'] ?? $dong['loai_noi_dung']); ?></td>
                                        <td style="padding:12px 10px; border-bottom:1px solid #eef2f7; text-align:right; font-weight:bold; color:#155724;"><?php echo number_format($dong['so_tien_hoa_hong'], 0, ',', '.'); ?> đ</td>
                                        <td style="padding:12px 10px; border-bottom:1px solid #eef2f7; color:#555;"><?php echo $dong['trang_thai'] === 'da_thanh_toan' ? 'Đã thanh toán' : 'Chờ duyệt'; ?></td>
                                    </tr>
                                <?php endforeach; ?>
                            </tbody>
                        </table>
                    </div>
                <?php else: ?>
                    <p style="font-size:14px; color:#666; margin:0 0 18px 0;">Chưa có dữ liệu hoa hồng giới thiệu.</p>
                <?php endif; ?>

                <?php if (count($ds_dat_lich) > 0): ?>
                    <div style="overflow-x:auto; margin-bottom: 18px;">
                        <table style="width:100%; border-collapse: collapse;">
                            <thead>
                                <tr style="background:#f8fafc; color:#334155;">
                                    <th style="padding:12px 10px; text-align:left; border-bottom:1px solid #dbe4ef;">Ngày</th>
                                    <th style="padding:12px 10px; text-align:left; border-bottom:1px solid #dbe4ef;">Khách hàng</th>
                                    <th style="padding:12px 10px; text-align:left; border-bottom:1px solid #dbe4ef;">Dịch vụ</th>
                                    <th style="padding:12px 10px; text-align:right; border-bottom:1px solid #dbe4ef;">Doanh thu</th>
                                    <th style="padding:12px 10px; text-align:right; border-bottom:1px solid #dbe4ef;">Hoa hồng</th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php foreach ($ds_dat_lich as $don): ?>
                                    <tr>
                                        <td style="padding:12px 10px; border-bottom:1px solid #eef2f7; white-space:nowrap;"><?php echo date('d/m/Y', strtotime($don['ngay_tao'])); ?></td>
                                        <td style="padding:12px 10px; border-bottom:1px solid #eef2f7;"><?php echo htmlspecialchars($don['ten_khach_hang']); ?></td>
                                        <td style="padding:12px 10px; border-bottom:1px solid #eef2f7;"><?php echo htmlspecialchars($don['dich_vu']); ?></td>
                                        <td style="padding:12px 10px; border-bottom:1px solid #eef2f7; text-align:right; color:#0d6efd; font-weight:bold;"><?php echo number_format($don['so_tien_thuc_thu'], 0, ',', '.'); ?> đ</td>
                                        <td style="padding:12px 10px; border-bottom:1px solid #eef2f7; text-align:right; color:#155724; font-weight:bold;"><?php echo number_format($don['so_tien_hoa_hong'] ?? 0, 0, ',', '.'); ?> đ</td>
                                    </tr>
                                <?php endforeach; ?>
                            </tbody>
                        </table>
                    </div>
                <?php else: ?>
                    <p style="font-size:14px; color:#666; margin:0;">Chưa có đơn hàng đặt lịch liên quan tới mã giới thiệu của bạn.</p>
                <?php endif; ?>
            </div>

            <?php if($nguoi_dung['vai_tro'] == 'admin'): ?>
            <div class="khoi-thong-tin" style="background: #fff3cd; border: 1px solid #ffeeba; padding: 16px;">
                <p style="margin:0; font-size:13px; color:#856404;">⚠️ Bạn đang xem với tư cách <strong>Quản trị viên</strong>. Dữ liệu hiện tại là của tài khoản này.</p>
            </div>
            <?php endif; ?>
            <?php endif; ?>

            <div class="khoi-thong-tin">
                <h3 style="color: var(--mau-chu-dao); margin-top:0; font-size:16px;">Hồ sơ Ngân hàng Thụ hưởng / Thu tiền</h3>
                <p style="font-size: 13px; color: #666; margin-bottom: 20px;">* Các yêu cầu thay đổi tài khoản nhận tiền cần được Ban Quản trị phê duyệt để đảm bảo an toàn tài sản.</p>
                <form action="xu-ly-gui-ngan-hang.php" method="POST">
                    <div class="luoi-3-cot">
                        <div class="nhom-nhap-lieu"><label>Định danh Ngân hàng</label><input type="text" name="ten_ngan_hang" value="<?php echo htmlspecialchars($nguoi_dung['ten_ngan_hang'] ?? ''); ?>" placeholder="Ví dụ: Vietcombank, Agribank"></div>
                        <div class="nhom-nhap-lieu"><label>Chủ sở hữu Tài khoản</label><input type="text" name="chu_tai_khoan" value="<?php echo htmlspecialchars($nguoi_dung['chu_tai_khoan'] ?? ''); ?>" placeholder="VIẾT HOA KHÔNG DẤU"></div>
                        <div class="nhom-nhap-lieu"><label>Mã Số Tài khoản</label><input type="text" name="so_tai_khoan" value="<?php echo htmlspecialchars($nguoi_dung['so_tai_khoan'] ?? ''); ?>" placeholder="Nhập số tài khoản..."></div>
                    </div>
                    <button type="submit" class="nut-hanh-dong" style="background: #6c757d; box-shadow: none;">Gửi Đề xuất Thay đổi Cấu hình Thẻ</button>
                </form>
            </div>
        </div>

        <div id="muc-affiliate" class="phan-noi-dung">
            <div class="khoi-thong-tin">
                <h2 class="tieu-de-khoi">Chương trình Affiliate & Hoa hồng</h2>
                <p style="font-size: 14px; color: #666; margin-bottom: 20px;">Mời thành viên tham gia qua liên kết của bạn và nhận hoa hồng theo chính sách đã được quản trị cấu hình cho từng khóa học, sự kiện hoặc dịch vụ.</p>

                <div style="display: grid; gap: 12px; margin-bottom: 24px;">
                    <div style="background: #f8f9fa; border: 1px solid #e9ecef; padding: 15px; border-radius: 8px;">
                        <div style="font-size: 12px; color: #666; margin-bottom: 6px; font-weight: bold;">Liên kết giới thiệu của bạn</div>
                        <div style="font-size: 13px; color: #0056b3; word-break: break-all; font-weight: 600;"><?php echo $duong_dan_tiep_thi; ?></div>
                    </div>

                    <?php if (count($ds_chinh_sach_affiliate) > 0): ?>
                        <?php foreach ($ds_chinh_sach_affiliate as $cs): ?>
                            <div style="background: #fff; border: 1px solid #e9ecef; padding: 15px; border-radius: 8px; display: flex; justify-content: space-between; align-items: flex-start; gap: 12px;">
                                <div>
                                    <div style="font-size: 12px; color: #888; margin-bottom: 4px;"><?php echo ['khoa_hoc'=>'📚 Khóa học','dich_vu'=>'💼 Dịch vụ','tin_tuc'=>'🎤 Sự kiện'][$cs['loai_noi_dung']] ?? $cs['loai_noi_dung']; ?></div>
                                    <div style="font-weight: bold; color: #222; margin-bottom: 4px;"><?php echo htmlspecialchars($cs['ten_noi_dung'] ?? '(Đã xóa)'); ?></div>
                                    <div style="font-size: 13px; color: #6f42c1; font-weight: bold;">
                                        <?php echo $cs['loai_hoa_hong'] === 'phan_tram' ? $cs['gia_tri'] . '% hoa hồng' : number_format($cs['gia_tri'], 0, ',', '.') . ' ₫ cố định'; ?>
                                    </div>
                                    <?php if (!empty($cs['mo_ta'])): ?><div style="font-size: 13px; color: #666; margin-top: 4px;"><?php echo htmlspecialchars($cs['mo_ta']); ?></div><?php endif; ?>
                                </div>
                                <?php
                                $trang_moi = 'am-nhac.php'; // mặc định
                                // Xác định trang đích dựa trên loại nội dung và lĩnh vực
                                if ($cs['loai_noi_dung'] === 'khoa_hoc') {
                                    $stmt_lv = $pdo->prepare("SELECT phan_loai FROM chuong_trinh_dao_tao WHERE id = ? LIMIT 1");
                                    $stmt_lv->execute([$cs['id_noi_dung']]);
                                    $lv = $stmt_lv->fetchColumn();
                                    $trang_moi = (strpos($lv ?? '', 'hoa') !== false) ? 'hoi-hoa.php' : 'am-nhac.php';
                                } elseif ($cs['loai_noi_dung'] === 'dich_vu') {
                                    $stmt_lv = $pdo->prepare("SELECT phan_loai FROM dich_vu_su_kien WHERE id = ? LIMIT 1");
                                    $stmt_lv->execute([$cs['id_noi_dung']]);
                                    $lv = $stmt_lv->fetchColumn();
                                    $trang_moi = (strpos($lv ?? '', 'hoa') !== false) ? 'hoi-hoa.php' : 'am-nhac.php';
                                }
                                ?>
                                <a href="<?php echo $trang_moi; ?>?ref=<?php echo $nguoi_dung['ma_gioi_thieu']; ?>&item=<?php echo $cs['loai_noi_dung']; ?>&id=<?php echo $cs['id_noi_dung']; ?>" style="background: #28a745; color: white; padding: 8px 12px; border-radius: 6px; text-decoration: none; font-size: 13px; font-weight: bold; white-space: nowrap;">Mời ngay</a>
                            </div>
                        <?php endforeach; ?>
                    <?php else: ?>
                        <div style="background: #fff8e5; border: 1px dashed #ffeeba; color: #856404; padding: 14px; border-radius: 8px;">Hiện chưa có chính sách affiliate nào được kích hoạt cho thành viên.</div>
                    <?php endif; ?>
                </div>

                <h3 style="margin-top: 0; color: #0056b3; font-size: 16px;">Lịch sử giới thiệu</h3>
                <?php if (count($lich_su_affiliate) > 0): ?>
                    <div style="display: grid; gap: 10px;">
                        <?php foreach ($lich_su_affiliate as $item): ?>
                            <div style="background: #f8f9fa; border: 1px solid #e9ecef; padding: 12px 14px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; gap: 12px;">
                                <div>
                                    <div style="font-weight: bold; color: #222;"><?php echo htmlspecialchars($item['ten_nguoi_duoc_gioi_thieu'] ?? 'Thành viên mới'); ?></div>
                                    <div style="font-size: 13px; color: #666; margin-top: 4px;"><?php echo !empty($item['ten_noi_dung']) ? htmlspecialchars($item['ten_noi_dung']) : 'Đăng ký thành viên'; ?></div>
                                </div>
                                <div style="text-align: right;">
                                    <div style="font-weight: bold; color: #6f42c1;"><?php echo number_format($item['so_tien_hoa_hong'] ?? 0); ?> ₫</div>
                                    <div style="font-size: 12px; color: #888; margin-top: 4px;"><?php echo $item['trang_thai'] === 'da_thanh_toan' ? '✅ Đã thanh toán' : '⏳ Chờ duyệt'; ?></div>
                                </div>
                            </div>
                        <?php endforeach; ?>
                    </div>
                <?php else: ?>
                    <div style="text-align: center; color: #999; padding: 20px; border: 1px dashed #ddd; border-radius: 8px;">Chưa có người được giới thiệu qua chương trình này.</div>
                <?php endif; ?>
            </div>
        </div>

        <div id="muc-thong-bao" class="phan-noi-dung">
            <div class="khoi-thong-tin">
                <h2 class="tieu-de-khoi">Hộp Thư Từ Ban Điều Hành</h2>
                <?php
                $tb_stmt = $pdo->prepare("SELECT * FROM thong_bao WHERE id_thanh_vien = ? ORDER BY ngay_tao DESC LIMIT 10");
                $tb_stmt->execute([$id_user]);
                $danh_sach_tb = $tb_stmt->fetchAll();
                
                if (count($danh_sach_tb) > 0):
                    foreach ($danh_sach_tb as $tb):
                ?>
                        <div class="dong-thong-bao">
                            <div style="font-size: 20px;">📢</div>
                            <div style="flex: 1;">
                                <span style="font-size: 14px; color: #333; display: block; font-weight: 500;"><?php echo htmlspecialchars($tb['noi_dung']); ?></span>
                                <div style="font-size: 11px; color: #999; margin-top: 5px;"><?php echo date('d/m/Y H:i', strtotime($tb['ngay_tao'])); ?></div>
                            </div>
                        </div>
                <?php 
                    endforeach;
                else: 
                ?>
                    <p style="text-align: center; color: #999; padding: 20px;">Hộp thư trống. Hiện tại chưa có thông báo điều phối mới.</p>
                <?php endif; ?>
            </div>
        </div>

        <div id="muc-tri-an" class="phan-noi-dung">
            <div class="khoi-thong-tin">
                <h2 class="tieu-de-khoi">Lan Tỏa Sự Biết Ơn & Văn Hóa Đóng Góp</h2>
                <p style="font-size: 14px; color: #666; margin-bottom: 20px;">Gửi lời tri ân chân thành đến các đơn vị phối hợp, hoặc chia sẻ cảm nghĩ ý nghĩa sau khi tham dự các chương trình sự kiện lớn của cộng đồng.</p>
                <form action="xu-ly-tri-an.php" method="POST">
                    <div class="nhom-nhap-lieu">
                        <label>Nội dung bức thư / Thông điệp tri ân</label>
                        <textarea name="noi_dung_tri_an" rows="6" placeholder="Viết cảm nghĩ hoặc lời tri ân sâu sắc của bạn gửi tới cộng đồng nghệ thuật..." required></textarea>
                    </div>
                    <button type="submit" class="nut-hanh-dong">💌 Phát hành Thông điệp Công khai</button>
                </form>
            </div>
        </div>

        <div id="muc-bao-mat" class="phan-noi-dung">
            <div class="khoi-thong-tin" style="max-width: 500px;">
                <h2 class="tieu-de-khoi">Thiết lập Thay đổi Khóa Bảo Mật</h2>
                <form action="xu-ly-doi-mat-khau.php" method="POST">
                    <div class="nhom-nhap-lieu">
                        <label>Mật khẩu đang sử dụng hiện tại</label>
                        <input type="password" name="mat_khau_cu" required placeholder="Nhập mật khẩu cũ...">
                    </div>
                    <div class="nhom-nhap-lieu">
                        <label>Mật khẩu an toàn mới</label>
                        <input type="password" name="mat_khau_moi" required placeholder="Tối thiểu từ 6 ký tự...">
                    </div>
                    <div class="nhom-nhap-lieu" style="margin-bottom: 25px;">
                        <label>Xác nhận lại mật khẩu mới</label>
                        <input type="password" name="xac_nhan_mat_khau" required placeholder="Nhập lại mật khẩu mới...">
                    </div>
                    <button type="submit" class="nut-hanh-dong" style="background: #dc3545; box-shadow: 0 4px 6px rgba(220,53,69,0.15);">Cập nhật Khóa Bảo mật</button>
                </form>
            </div>
        </div>

    </div>

    <script>
        function chuyenMuc(su_kien, ten_muc) {
            var cac_muc = document.getElementsByClassName("phan-noi-dung");
            for (var i = 0; i < cac_muc.length; i++) {
                cac_muc[i].classList.remove("hien-thi");
            }
            
            var cac_nut = document.getElementsByClassName("nut-chuyen-muc");
            for (var i = 0; i < cac_nut.length; i++) {
                cac_nut[i].classList.remove("dang-chon");
            }
            
            document.getElementById(ten_muc).classList.add("hien-thi");
            su_kien.currentTarget.classList.add("dang-chon");
        }

        function saoChepDuongDan() {
            var inputDuongDan = document.getElementById("link_tk");
            inputDuongDan.select();
            inputDuongDan.setSelectionRange(0, 99999);
            navigator.clipboard.writeText(inputDuongDan.value);
            alert("Đã sao chép đường dẫn giới thiệu tiếp thị thành công vào bộ nhớ tạm!");
        }

        function tinhTienThucNhan() {
            var soTienRut = document.getElementById("input_so_tien_rut").value;
            soTienRut = parseFloat(soTienRut);
            
            if (isNaN(soTienRut) || soTienRut < 0) {
                soTienRut = 0;
            }

            var thueTNCN = soTienRut * 0.10;
            var phiGiaoDich = soTienRut * 0.02;
            var tienThucNhan = soTienRut - (thueTNCN + phiGiaoDich);

            // Định dạng tiền tệ VNĐ
            var formatTien = new Intl.NumberFormat('vi-VN', { style: 'currency', currency: 'VND' });
            
            document.getElementById("thue_tncn").innerText = formatTien.format(thueTNCN);
            document.getElementById("phi_giao_dich").innerText = formatTien.format(phiGiaoDich);
            document.getElementById("tien_thuc_nhan").innerText = formatTien.format(tienThucNhan);
        }

        // Hàm Toggle Sidebar trên di động
        function toggleSidebar() {
            var sidebar = document.querySelector('.cot-trinh-don');
            var toggleBtn = document.getElementById('toggle-sidebar-btn');
            var toggleText = document.getElementById('toggle-text');
            
            sidebar.classList.toggle('sidebar-hidden');
            toggleBtn.classList.toggle('sidebar-dang-an');
            
            if (sidebar.classList.contains('sidebar-hidden')) {
                toggleText.textContent = '▶ Hiện Menu';
            } else {
                toggleText.textContent = '◀ Ẩn Menu';
            }
        }

        // Tự động ẩn sidebar khi click vào một mục menu trên di động
        window.addEventListener('load', function() {
            if (window.innerWidth <= 768) {
                var menuButtons = document.querySelectorAll('.nut-chuyen-muc');
                menuButtons.forEach(function(btn) {
                    btn.addEventListener('click', function(e) {
                        // Nếu là button (không phải link), ẩn sidebar
                        if (btn.tagName === 'BUTTON') {
                            var sidebar = document.querySelector('.cot-trinh-don');
                            if (!sidebar.classList.contains('sidebar-hidden')) {
                                toggleSidebar();
                            }
                        }
                    });
                });
            }
        });
    </script>

    <?php require_once 'includes/menu-dien-thoai.php'; ?>
</body>
</html>