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

// Truy vấn danh sách Cá nhân (Nghệ sĩ), kết hợp tính trung bình sao và đếm số lượt đánh giá
try {
    $stmt = $pdo->prepare("
        SELECT 
            tv.id, 
            tv.ho_ten, 
            tv.anh_dai_dien, 
            tv.linh_vuc, 
            tv.diem_uy_tin, 
            tv.cap_bac,
            IFNULL(AVG(dg.so_sao), 0) as sao_trung_binh,
            COUNT(dg.id) as tong_danh_gia
        FROM thanh_vien tv
        LEFT JOIN danh_gia_dich_vu dg ON tv.id = dg.id_thanh_vien
        WHERE tv.vai_tro = 'ca_nhan'
        GROUP BY tv.id
        ORDER BY tv.diem_uy_tin DESC
    ");
    $stmt->execute();
    $danh_sach_doi_tac = $stmt->fetchAll(PDO::FETCH_ASSOC);
} catch (PDOException $e) {
    die("Lỗi kết nối cơ sở dữ liệu: " . $e->getMessage());
}

function renderStars($sao_trung_binh) {
    $html = '<div class="star-rating">';
    $sao_tron = round($sao_trung_binh);
    for ($i = 1; $i <= 5; $i++) {
        $html .= ($i <= $sao_tron)
            ? '<span class="star filled">★</span>'
            : '<span class="star empty">☆</span>';
    }
    $html .= '<span class="rating-text"> (' . number_format($sao_trung_binh, 1) . ')</span>';
    $html .= '</div>';
    return $html;
}

function renderBadge($cap_bac) {
    switch ($cap_bac) {
        case 'tinh_hoa':      return '<span class="badge badge-gold">👑 Tinh Hoa</span>';
        case 'chuyen_nghiep': return '<span class="badge badge-silver">⭐ Chuyên Nghiệp</span>';
        default:              return '<span class="badge badge-basic">👤 Tiêu Chuẩn</span>';
    }
}

// Xác định quyền hạn: Kiểm tra xem người đang xem có phải là Admin hay không
// (Giả sử bạn có lưu phân quyền 'quyen_han' trong session, nếu chưa có thì mặc định là false)
$la_quan_tri = (isset($_SESSION['quyen_han']) && $_SESSION['quyen_han'] === 'admin') ? true : false;

// Xử lý bộ lọc lĩnh vực từ đường dẫn (URL)
$linh_vuc_chon = isset($_GET['linh_vuc']) ? trim($_GET['linh_vuc']) : 'tat_ca';

// 1. TRUY VẤN BẢNG VÀNG VINH DANH (Top 3 thành viên có điểm uy tín cao nhất)
$sql_vinh_danh = "SELECT id, ho_ten, vai_tro, linh_vuc, diem_uy_tin, anh_dai_dien 
                  FROM thanh_vien 
                  ORDER BY diem_uy_tin DESC LIMIT 3";
$stmt_vinh_danh = $pdo->prepare($sql_vinh_danh);
$stmt_vinh_danh->execute();
$danh_sach_vinh_danh = $stmt_vinh_danh->fetchAll();

// 2. TRUY VẤN DANH SÁCH HIỂN THỊ THEO LĨNH VỰC
$dieu_kien_loc = "";
$tham_so = [];
if ($linh_vuc_chon !== 'tat_ca') {
    $dieu_kien_loc = "WHERE linh_vuc = ?";
    $tham_so[] = $linh_vuc_chon;
}

// Nếu không phải quản trị viên, chúng ta KHÔNG truy vấn (SELECT) các cột như dien_thoai, email, facebook... để bảo mật tuyệt đối từ tầng cơ sở dữ liệu
if ($la_quan_tri) {
    $sql_danh_sach = "SELECT * FROM thanh_vien $dieu_kien_loc ORDER BY diem_uy_tin DESC, id DESC";
} else {
    $sql_danh_sach = "SELECT id, ho_ten, vai_tro, linh_vuc, diem_uy_tin, anh_dai_dien, gioi_thieu_ban_than, gioi_thieu_to_chuc, quy_mo, nganh_nghe_chinh 
                      FROM thanh_vien $dieu_kien_loc ORDER BY diem_uy_tin DESC, id DESC";
}

$stmt_danh_sach = $pdo->prepare($sql_danh_sach);
$stmt_danh_sach->execute($tham_so);
$danh_sach_thanh_vien = $stmt_danh_sach->fetchAll();

// Hàm hỗ trợ dịch mã lĩnh vực ra tiếng Việt chuẩn
function dichLinhVuc($ma) {
    if ($ma == 'nhac') return 'Âm nhạc';
    if ($ma == 'hoa') return 'Hội họa / Mỹ thuật';
    if ($ma == 'chung') return 'Đa lĩnh vực';
    return 'Chưa cập nhật';
}
?>
<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Danh bạ Năng lực Cộng đồng - PHẠM NGỌC TV</title>
    <style>
        :root {
            --mau-chu-dao: #004085;
            --mau-phu: #0056b3;
            --mau-vang: #ffc107;
            --mau-nen: #f8f9fa;
            --mau-chu: #333;
            --vien: #e1e8ed;
        }

        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: var(--mau-nen); margin: 0; color: var(--mau-chu); padding-bottom: 50px; }
        
        /* TIÊU ĐỀ TRANG */
        .khu-vuc-tieu-de { background: linear-gradient(135deg, var(--mau-chu-dao), var(--mau-phu)); color: white; padding: 40px 20px; text-align: center; }
        .khu-vuc-tieu-de h1 { margin: 0; font-size: 28px; text-transform: uppercase; letter-spacing: 1px; }
        .khu-vuc-tieu-de p { margin: 10px 0 0 0; font-size: 15px; opacity: 0.9; }

        .khung-gioi-han { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

        /* BẢNG VÀNG VINH DANH */
        .bang-vang { background: white; border-radius: 12px; padding: 30px; margin-top: -30px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); position: relative; border-top: 4px solid var(--mau-vang); margin-bottom: 40px; }
        .tieu-de-bang-vang { text-align: center; color: #856404; font-size: 22px; font-weight: bold; margin-bottom: 25px; text-transform: uppercase; }
        .luoi-vinh-danh { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
        .the-vinh-danh { text-align: center; padding: 20px; background: #fff8e5; border-radius: 10px; border: 1px solid #ffeeba; }
        .anh-vinh-danh { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; border: 3px solid var(--mau-vang); margin: 0 auto 10px; background: white; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: bold; color: var(--mau-chu-dao); }
        .diem-vinh-danh { display: inline-block; background: var(--mau-vang); color: #856404; padding: 4px 12px; border-radius: 20px; font-size: 13px; font-weight: bold; margin-top: 10px; }

        /* BỘ LỌC LĨNH VỰC */
        .thanh-dieu-huong { display: flex; justify-content: center; gap: 15px; margin-bottom: 30px; }
        .nut-loc { padding: 10px 20px; background: white; border: 1px solid var(--vien); border-radius: 20px; color: #555; text-decoration: none; font-weight: 500; transition: 0.2s; font-size: 14px; }
        .nut-loc:hover { border-color: var(--mau-phu); color: var(--mau-phu); }
        .nut-loc.dang-chon { background: var(--mau-chu-dao); color: white; border-color: var(--mau-chu-dao); }

        /* DANH SÁCH THÀNH VIÊN */
        .luoi-danh-ba { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 25px; }
        .the-ho-so { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); border: 1px solid var(--vien); display: flex; flex-direction: column; transition: transform 0.2s; }
        .the-ho-so:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); }
        
        .phan-dau-the { padding: 20px; display: flex; align-items: center; gap: 15px; border-bottom: 1px solid #f0f0f0; }
        .anh-ho-so { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; background: #e9ecef; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: bold; color: var(--mau-chu-dao); }
        .ten-ho-so { font-size: 18px; font-weight: bold; color: var(--mau-chu-dao); margin: 0 0 5px 0; }
        .nhan-vai-tro { font-size: 11px; padding: 3px 8px; border-radius: 4px; background: #e8f4fd; color: var(--mau-phu); display: inline-block; border: 1px solid #b8daff; }
        
        .phan-noi-dung-the { padding: 20px; flex: 1; }
        .muc-thong-tin { font-size: 13px; color: #666; margin-bottom: 8px; display: flex; align-items: flex-start; gap: 8px; }
        .muc-thong-tin strong { color: #333; min-width: 75px; }
        .doan-mo-ta { font-size: 13px; color: #555; line-height: 1.5; margin-top: 15px; border-top: 1px dashed #eee; padding-top: 15px; }
        
        .diem-danh-gia { font-size: 14px; font-weight: bold; color: #d39e00; margin-top: 10px; display: flex; align-items: center; gap: 5px; }

        .phan-chan-the { padding: 15px 20px; background: #f8f9fa; border-top: 1px solid var(--vien); text-align: center; }
        .nut-yeu-cau { display: inline-block; background: var(--mau-chu-dao); color: white; padding: 10px 20px; border-radius: 6px; text-decoration: none; font-size: 13px; font-weight: bold; transition: 0.2s; border: none; cursor: pointer; width: 100%; box-sizing: border-box; }
        .nut-yeu-cau:hover { background: #002752; }

        /* VÙNG HIỂN THỊ DÀNH RIÊNG CHO QUẢN TRỊ */
        .vung-dac-quyen { background: #fff3cd; border: 1px solid #ffeeba; padding: 12px; margin-top: 15px; border-radius: 6px; font-size: 12px; }
        .vung-dac-quyen p { margin: 4px 0; color: #856404; }
        .nhan-dac-quyen { display: inline-block; background: #dc3545; color: white; padding: 2px 6px; border-radius: 3px; font-size: 10px; font-weight: bold; margin-bottom: 5px; }

    </style>
</head>
<body>

    <div class="khu-vuc-tieu-de">
        <h1>Năng Lực Trọng Tâm Cộng Đồng</h1>
        <p>Khám phá và kết nối với những đối tác uy tín nhất để kiến tạo các sự kiện đẳng cấp.</p>
    </div>

    <div class="khung-gioi-han">
        
        <div class="bang-vang">
            <div class="tieu-de-bang-vang">🏆 Bảng Vàng Vinh Danh 🏆</div>
            <div class="luoi-vinh-danh">
                <?php foreach($danh_sach_vinh_danh as $thu_hang => $vd): ?>
                <div class="the-vinh-danh">
                    <?php if(!empty($vd['anh_dai_dien'])): ?>
                        <img src="<?php echo htmlspecialchars($vd['anh_dai_dien']); ?>" class="anh-vinh-danh">
                    <?php else: ?>
                        <div class="anh-vinh-danh"><?php echo mb_substr($vd['ho_ten'], 0, 1, 'UTF-8'); ?></div>
                    <?php endif; ?>
                    
                    <h3 style="margin: 0 0 5px 0; font-size: 16px; color: #333;"><?php echo htmlspecialchars($vd['ho_ten']); ?></h3>
                    <div style="font-size: 12px; color: #666;"><?php echo ($vd['vai_tro'] == 'to_chuc') ? '🏢 Tổ chức' : '👤 Cá nhân'; ?> - <?php echo dichLinhVuc($vd['linh_vuc']); ?></div>
                    <div class="diem-vinh-danh">⭐ <?php echo $vd['diem_uy_tin']; ?> Điểm Tín Nhiệm</div>
                </div>
                <?php endforeach; ?>
            </div>
        </div>

        <div class="thanh-dieu-huong">
            <a href="?linh_vuc=tat_ca" class="nut-loc <?php echo ($linh_vuc_chon == 'tat_ca') ? 'dang-chon' : ''; ?>">Tất cả năng lực</a>
            <a href="?linh_vuc=nhac" class="nut-loc <?php echo ($linh_vuc_chon == 'nhac') ? 'dang-chon' : ''; ?>">🎵 Âm nhạc</a>
            <a href="?linh_vuc=hoa" class="nut-loc <?php echo ($linh_vuc_chon == 'hoa') ? 'dang-chon' : ''; ?>">🎨 Mỹ thuật / Hội họa</a>
            <a href="?linh_vuc=chung" class="nut-loc <?php echo ($linh_vuc_chon == 'chung') ? 'dang-chon' : ''; ?>">🤝 Đa lĩnh vực</a>
        </div>

        <div class="luoi-danh-ba">
            <?php foreach($danh_sach_thanh_vien as $tv): ?>
            <div class="the-ho-so">
                <div class="phan-dau-the">
                    <?php if(!empty($tv['anh_dai_dien'])): ?>
                        <img src="<?php echo htmlspecialchars($tv['anh_dai_dien']); ?>" class="anh-ho-so">
                    <?php else: ?>
                        <div class="anh-ho-so"><?php echo mb_substr($tv['ho_ten'], 0, 1, 'UTF-8'); ?></div>
                    <?php endif; ?>
                    <div>
                        <h3 class="ten-ho-so"><?php echo htmlspecialchars($tv['ho_ten']); ?></h3>
                        <span class="nhan-vai-tro"><?php echo ($tv['vai_tro'] == 'to_chuc') ? 'Tổ chức / Đơn vị' : 'Nghệ sĩ tự do'; ?></span>
                    </div>
                </div>
                
                <div class="phan-noi-dung-the">
                    <div class="muc-thong-tin">
                        <strong>Chuyên môn:</strong> <?php echo dichLinhVuc($tv['linh_vuc']); ?>
                    </div>
                    
                    <?php if($tv['vai_tro'] == 'to_chuc' && !empty($tv['nganh_nghe_chinh'])): ?>
                    <div class="muc-thong-tin">
                        <strong>Ngành nghề:</strong> <?php echo htmlspecialchars($tv['nganh_nghe_chinh']); ?>
                    </div>
                    <?php endif; ?>

                    <div class="diem-danh-gia">
                        ⭐ Chỉ số uy tín: <?php echo $tv['diem_uy_tin']; ?>/100
                    </div>

                    <?php 
                        // Hiển thị đoạn mô tả tùy theo vai trò
                        $mo_ta = ($tv['vai_tro'] == 'to_chuc') ? ($tv['gioi_thieu_to_chuc'] ?? '') : ($tv['gioi_thieu_ban_than'] ?? '');
                        if(!empty($mo_ta)): 
                    ?>
                        <div class="doan-mo-ta">
                            "<?php echo htmlspecialchars(mb_strimwidth($mo_ta, 0, 120, '...')); ?>"
                        </div>
                    <?php else: ?>
                        <div class="doan-mo-ta" style="color: #999; font-style: italic;">Chưa cập nhật thông tin giới thiệu năng lực.</div>
                    <?php endif; ?>

                    <?php if($la_quan_tri): ?>
                    <div class="vung-dac-quyen">
                        <div class="nhan-dac-quyen">🔒 GÓC QUẢN TRỊ</div>
                        <p><strong>SĐT:</strong> <?php echo htmlspecialchars($tv['dien_thoai'] ?? 'Trống'); ?></p>
                        <p><strong>Thư:</strong> <?php echo htmlspecialchars($tv['email']); ?></p>
                        <p><strong>Nền tảng:</strong> 
                            <?php if(!empty($tv['facebook'])) echo 'FB '; ?>
                            <?php if(!empty($tv['youtube'])) echo 'YT '; ?>
                        </p>
                    </div>
                    <?php endif; ?>

                </div>
                
                <div class="phan-chan-the">
                    <button class="nut-yeu-cau" onclick="alert('Yêu cầu đã được ghi nhận. Ban Quản trị sẽ liên hệ để điều phối sự kiện với đối tác này.')">ĐỀ XUẤT HỢP TÁC</button>
                </div>
            </div>
            <?php endforeach; ?>
            
            <?php if(count($danh_sach_thanh_vien) == 0): ?>
                <div style="grid-column: 1 / -1; text-align: center; padding: 40px; color: #666; background: white; border-radius: 10px; border: 1px dashed #ccc;">
                    Hiện tại chưa có đối tác nào thuộc lĩnh vực này trên hệ thống.
                </div>
            <?php endif; ?>
        </div>

    </div>

<div class="container-danh-ba">
    <h2 class="title-danh-ba">Cộng Đồng Đối Tác Nền Tảng</h2>
    <p class="subtitle">Đồng hành cùng sứ mệnh <strong>Gìn giữ</strong> và lan tỏa giá trị nghệ thuật dân tộc.</p>

    <div class="grid-doi-tac">
        <?php foreach ($danh_sach_doi_tac as $doi_tac): ?>
            <div class="card-doi-tac">
                <div class="card-header">
                    <?= renderBadge($doi_tac['cap_bac']) ?>
                </div>
                <div class="card-avatar">
                    <img src="<?= htmlspecialchars($doi_tac['anh_dai_dien'] ?: 'assets/images/default-avatar.png') ?>" 
                         alt="Ảnh đại diện <?= htmlspecialchars($doi_tac['ho_ten']) ?>">
                </div>
                <div class="card-body">
                    <h3 class="ten-doi-tac"><?= htmlspecialchars($doi_tac['ho_ten']) ?></h3>
                    <p class="linh-vuc">Lĩnh vực: <span class="tag-linh-vuc"><?= strtoupper(htmlspecialchars($doi_tac['linh_vuc'])) ?></span></p>
                    <div class="thong-ke-uy-tin">
                        <?= renderStars($doi_tac['sao_trung_binh']) ?>
                        <p class="diem-uy-tin">Điểm uy tín: <strong><?= number_format($doi_tac['diem_uy_tin']) ?></strong></p>
                        <p class="luot-danh-gia">Dựa trên <?= $doi_tac['tong_danh_gia'] ?> lượt đánh giá từ khách hàng</p>
                    </div>
                </div>
                <div class="card-footer">
                    <a href="chi-tiet-ho-so.php?id=<?= $doi_tac['id'] ?>" class="btn-xem-ho-so">Xem Hồ Sơ Năng Lực</a>
                </div>
            </div>
        <?php endforeach; ?>
    </div>
</div>

<style>
.container-danh-ba { max-width: 1200px; margin: 0 auto; padding: 20px; font-family: sans-serif; }
.title-danh-ba { text-align: center; color: #1e3a8a; margin-bottom: 5px; }
.subtitle { text-align: center; color: #64748b; margin-bottom: 30px; }
.grid-doi-tac { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 25px; }
.card-doi-tac { background: #fff; border-radius: 12px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); padding: 20px; text-align: center; border: 1px solid #e2e8f0; transition: transform 0.2s ease, box-shadow 0.2s ease; position: relative; }
.card-doi-tac:hover { transform: translateY(-5px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); }
.card-avatar img { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; border: 3px solid #f1f5f9; margin: 15px auto; display: block; }
.card-header { position: absolute; top: 15px; right: 15px; }
.badge { padding: 4px 10px; border-radius: 20px; font-size: 0.75rem; font-weight: bold; color: #fff; }
.badge-gold { background: linear-gradient(135deg, #f59e0b, #d97706); box-shadow: 0 2px 4px rgba(245,158,11,0.3); }
.badge-silver { background: linear-gradient(135deg, #94a3b8, #64748b); }
.badge-basic { background: #e2e8f0; color: #475569; }
.ten-doi-tac { margin: 10px 0 5px 0; font-size: 1.2rem; color: #0f172a; }
.tag-linh-vuc { background: #e0f2fe; color: #0284c7; padding: 2px 8px; border-radius: 4px; font-size: 0.8rem; font-weight: bold; }
.thong-ke-uy-tin { margin-top: 15px; padding-top: 15px; border-top: 1px dashed #e2e8f0; }
.star-rating { font-size: 1.2rem; margin-bottom: 5px; }
.star.filled { color: #facc15; }
.star.empty { color: #cbd5e1; }
.rating-text { font-size: 0.9rem; color: #475569; font-weight: bold; }
.diem-uy-tin { font-size: 0.9rem; color: #1e293b; margin: 5px 0; }
.luot-danh-gia { font-size: 0.8rem; color: #94a3b8; font-style: italic; }
.btn-xem-ho-so { display: inline-block; margin-top: 15px; width: 100%; padding: 10px 0; background: #2563eb; color: #fff; text-decoration: none; border-radius: 8px; font-weight: bold; transition: background 0.2s; box-sizing: border-box; }
.btn-xem-ho-so:hover { background: #1d4ed8; }
</style>

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