<?php
session_start();
if (!isset($_SESSION['da_dang_nhap']) || $_SESSION['da_dang_nhap'] !== true) {
    header("Location: login.php");
    exit;
}
require 'config.php';
$thong_bao = '';

// XỬ LÝ THÊM CÂU HỎI
if ($_SERVER["REQUEST_METHOD"] == "POST" && isset($_POST['them_cau_hoi'])) {
    $loai_khao_sat = $_POST['loai_khao_sat'];
    $noi_dung_cau_hoi = $_POST['noi_dung_cau_hoi'];
    $loai_cau_tra_loi = $_POST['loai_cau_tra_loi'];
    $thu_tu = $_POST['thu_tu'];
    try {
        $stmt = $conn->prepare("INSERT INTO danh_sach_cau_hoi (loai_khao_sat, noi_dung_cau_hoi, loai_cau_tra_loi, thu_tu) VALUES (?, ?, ?, ?)");
        $stmt->execute([$loai_khao_sat, $noi_dung_cau_hoi, $loai_cau_tra_loi, $thu_tu]);
        $cau_hoi_id = $conn->lastInsertId();
        if (isset($_POST['ky_hieu']) && is_array($_POST['ky_hieu'])) {
            $stmt_da = $conn->prepare("INSERT INTO danh_sach_dap_an (cau_hoi_id, ky_hieu, noi_dung_dap_an, diem_so) VALUES (?, ?, ?, ?)");
            for ($i = 0; $i < count($_POST['ky_hieu']); $i++) {
                $kh = trim($_POST['ky_hieu'][$i]);
                $nd = trim($_POST['noi_dung_dap_an'][$i]);
                $ds = ($_POST['diem_so'][$i] !== '') ? (float)$_POST['diem_so'][$i] : 0;
                if (!empty($nd) && !empty($kh)) $stmt_da->execute([$cau_hoi_id, $kh, $nd, $ds]);
            }
        }
        $thong_bao = '<div class="alert alert-success mt-3">Thêm câu hỏi thành công!</div>';
    } catch(PDOException $e) {
        $thong_bao = '<div class="alert alert-danger mt-3">Lỗi: ' . $e->getMessage() . '</div>';
    }
}

// XỬ LÝ SỬA CÂU HỎI
if ($_SERVER["REQUEST_METHOD"] == "POST" && isset($_POST['sua_cau_hoi'])) {
    $id = $_POST['id'];
    try {
        $conn->prepare("UPDATE danh_sach_cau_hoi SET noi_dung_cau_hoi=?, loai_cau_tra_loi=?, thu_tu=? WHERE id=?")
             ->execute([$_POST['noi_dung_cau_hoi'], $_POST['loai_cau_tra_loi'], $_POST['thu_tu'], $id]);

        // Xóa đáp án cũ rồi thêm lại
        $conn->prepare("DELETE FROM danh_sach_dap_an WHERE cau_hoi_id=?")->execute([$id]);
        if (isset($_POST['ky_hieu']) && is_array($_POST['ky_hieu'])) {
            $stmt_da = $conn->prepare("INSERT INTO danh_sach_dap_an (cau_hoi_id, ky_hieu, noi_dung_dap_an, diem_so) VALUES (?, ?, ?, ?)");
            for ($i = 0; $i < count($_POST['ky_hieu']); $i++) {
                $kh = trim($_POST['ky_hieu'][$i]);
                $nd = trim($_POST['noi_dung_dap_an'][$i]);
                $ds = ($_POST['diem_so'][$i] !== '') ? (float)$_POST['diem_so'][$i] : 0;
                if (!empty($nd) && !empty($kh)) $stmt_da->execute([$id, $kh, $nd, $ds]);
            }
        }
        $thong_bao = '<div class="alert alert-success mt-3">Cập nhật câu hỏi thành công!</div>';
    } catch(PDOException $e) {
        $thong_bao = '<div class="alert alert-danger mt-3">Lỗi: ' . $e->getMessage() . '</div>';
    }
}

// XỬ LÝ XÓA CÂU HỎI
if ($_SERVER["REQUEST_METHOD"] == "POST" && isset($_POST['xoa_cau_hoi'])) {
    try {
        $conn->prepare("DELETE FROM danh_sach_dap_an WHERE cau_hoi_id=?")->execute([$_POST['id']]);
        $conn->prepare("DELETE FROM danh_sach_cau_hoi WHERE id=?")->execute([$_POST['id']]);
        $thong_bao = '<div class="alert alert-warning mt-3">Đã xóa câu hỏi!</div>';
    } catch(PDOException $e) {
        $thong_bao = '<div class="alert alert-danger mt-3">Lỗi: ' . $e->getMessage() . '</div>';
    }
}

// LẤY DANH SÁCH CÂU HỎI
$ds_cau_hoi = $conn->query("SELECT * FROM danh_sach_cau_hoi ORDER BY loai_khao_sat, thu_tu ASC")->fetchAll(PDO::FETCH_ASSOC);
$ds_dap_an_all = $conn->query("SELECT * FROM danh_sach_dap_an ORDER BY ky_hieu ASC")->fetchAll(PDO::FETCH_ASSOC);

// Nhóm đáp án theo cau_hoi_id
$dap_an_map = [];
foreach ($ds_dap_an_all as $da) {
    $dap_an_map[$da['cau_hoi_id']][] = $da;
}

$ten_loai = ['ca_nhan' => '1. Khách hàng cá nhân', 'doanh_nghiep' => '2. Khách hàng doanh nghiệp', 'ung_vien' => '3. Tuyển dụng chuyên gia'];
?>

<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Quản Trị Hệ Thống - PHẠM NGỌC TV</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        body { background-color: #f8f9fa; font-family: Arial, sans-serif; }
        .admin-header { background-color: #212529; color: white; padding: 20px; text-align: center; margin-bottom: 30px; }
        .card-admin { background: white; padding: 25px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
    </style>
</head>
<body>

    <div class="admin-header">
        <h2>HỆ THỐNG QUẢN TRỊ NỘI DUNG</h2>
        <p class="mb-0">Công cụ biên soạn bộ khảo sát - Thương hiệu PHẠM NGỌC TV</p>
    </div>

    <div class="container mb-5">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <a href="bang-dieu-khien.php" class="btn btn-primary mb-3">Về Bảng điều khiển</a>
                <?= $thong_bao ?>

                <!-- FORM THÊM CÂU HỎI -->
                <div class="card-admin mb-4">
                    <h4 class="border-bottom pb-2 mb-4 text-primary">Thêm Câu Hỏi Mới</h4>
                    <form method="POST">
                        <input type="hidden" name="them_cau_hoi" value="1">
                        <div class="row mb-3">
                            <div class="col-md-4">
                                <label class="form-label fw-bold">Thuộc bộ khảo sát nào?</label>
                                <select name="loai_khao_sat" class="form-select" required>
                                    <option value="ca_nhan">1. Khách hàng cá nhân</option>
                                    <option value="doanh_nghiep">2. Khách hàng doanh nghiệp</option>
                                    <option value="ung_vien">3. Tuyển dụng chuyên gia</option>
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-bold">Hình thức trả lời</label>
                                <select name="loai_cau_tra_loi" class="form-select" required>
                                    <option value="checkbox">Chọn nhiều đáp án (Hộp kiểm)</option>
                                    <option value="radio">Chọn một đáp án (Nút tròn)</option>
                                    <option value="text">Câu hỏi mở (Khách tự viết)</option>
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-bold">Thứ tự hiển thị</label>
                                <input type="number" name="thu_tu" class="form-control" value="1" required>
                            </div>
                        </div>
                        <div class="mb-4">
                            <label class="form-label fw-bold">Nội dung câu hỏi</label>
                            <textarea name="noi_dung_cau_hoi" class="form-control" rows="2" placeholder="Ví dụ: Động lực lớn nhất của bạn là gì?" required></textarea>
                        </div>
                        <h5 class="text-success mt-4">Khai báo các đáp án (Bỏ trống nếu là câu hỏi mở)</h5>
                        <p class="text-muted small">Nhập ký hiệu (a, b, c...), nội dung đáp án và điểm số.</p>
                        <div id="khu-vuc-dap-an">
                            <?php for ($i = 0; $i < 2; $i++): ?>
                            <div class="row mb-2">
                                <div class="col-md-2"><input type="text" name="ky_hieu[]" class="form-control" placeholder="Ký hiệu"></div>
                                <div class="col-md-7"><input type="text" name="noi_dung_dap_an[]" class="form-control" placeholder="Nội dung đáp án"></div>
                                <div class="col-md-3"><input type="number" step="any" name="diem_so[]" class="form-control" placeholder="Điểm số"></div>
                            </div>
                            <?php endfor; ?>
                        </div>
                        <div class="mb-4 mt-3">
                            <button type="button" class="btn btn-outline-success btn-sm fw-bold" onclick="themDong('khu-vuc-dap-an')">+ Thêm đáp án</button>
                        </div>
                        <button type="submit" class="btn btn-success btn-lg w-100 fw-bold">LƯU CÂU HỎI VÀO HỆ THỐNG</button>
                    </form>
                </div>

                <!-- DANH SÁCH CÂU HỎI ĐÃ LƯU -->
                <div class="card-admin">
                    <div class="d-flex justify-content-between align-items-center border-bottom pb-2 mb-4">
                        <h4 class="text-danger mb-0">Danh Sách Câu Hỏi Đã Lưu</h4>
                        <select id="loc_loai" class="form-select w-auto" onchange="locDanhSach()">
                            <option value="tat_ca">-- Tất cả --</option>
                            <option value="ca_nhan">1. Khách hàng cá nhân</option>
                            <option value="doanh_nghiep">2. Khách hàng doanh nghiệp</option>
                            <option value="ung_vien">3. Tuyển dụng chuyên gia</option>
                        </select>
                    </div>
                    <?php
                    $nhom = [];
                    foreach ($ds_cau_hoi as $ch) $nhom[$ch['loai_khao_sat']][] = $ch;
                    foreach ($nhom as $loai => $ds):
                    ?>
                    <div class="nhom-loai" data-loai="<?= $loai ?>">
                    <h5 class="text-primary mt-3 mb-3"><?= $ten_loai[$loai] ?? $loai ?></h5>
                    <?php foreach ($ds as $ch): ?>
                    <div class="border rounded p-3 mb-3 bg-light">
                        <div class="d-flex justify-content-between align-items-start">
                            <div>
                                <strong>#<?= $ch['id'] ?> - Thứ tự <?= $ch['thu_tu'] ?></strong>
                                <span class="badge bg-secondary ms-2"><?= $ch['loai_cau_tra_loi'] ?></span>
                                <p class="mb-1 mt-1"><?= htmlspecialchars($ch['noi_dung_cau_hoi']) ?></p>
                                <?php if (!empty($dap_an_map[$ch['id']])): ?>
                                <ul class="mb-0 small text-muted">
                                    <?php foreach ($dap_an_map[$ch['id']] as $da): ?>
                                    <li><?= htmlspecialchars($da['ky_hieu']) ?>. <?= htmlspecialchars($da['noi_dung_dap_an']) ?> — <em><?= $da['diem_so'] ?> điểm</em></li>
                                    <?php endforeach; ?>
                                </ul>
                                <?php endif; ?>
                            </div>
                            <div class="ms-3 d-flex gap-2">
                                <button class="btn btn-warning btn-sm" onclick="moModalSua(<?= htmlspecialchars(json_encode($ch)) ?>, <?= htmlspecialchars(json_encode($dap_an_map[$ch['id']] ?? [])) ?>)">Sửa</button>
                                <form method="POST" onsubmit="return confirm('Xóa câu hỏi này?')">
                                    <input type="hidden" name="xoa_cau_hoi" value="1">
                                    <input type="hidden" name="id" value="<?= $ch['id'] ?>">
                                    <button type="submit" class="btn btn-danger btn-sm">Xóa</button>
                                </form>
                            </div>
                        </div>
                    </div>
                    <?php endforeach; ?>
                    </div>
                    <?php endforeach; ?>
                </div>

            </div>
        </div>
    </div>

    <!-- MODAL SỬA CÂU HỎI -->
    <div class="modal fade" id="modalSua" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header bg-warning">
                    <h5 class="modal-title">Sửa Câu Hỏi</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <form method="POST" id="formSua">
                        <input type="hidden" name="sua_cau_hoi" value="1">
                        <input type="hidden" name="id" id="sua_id">
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label class="form-label fw-bold">Hình thức trả lời</label>
                                <select name="loai_cau_tra_loi" id="sua_loai" class="form-select">
                                    <option value="checkbox">Chọn nhiều đáp án (Hộp kiểm)</option>
                                    <option value="radio">Chọn một đáp án (Nút tròn)</option>
                                    <option value="text">Câu hỏi mở (Khách tự viết)</option>
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-bold">Thứ tự hiển thị</label>
                                <input type="number" name="thu_tu" id="sua_thu_tu" class="form-control" required>
                            </div>
                        </div>
                        <div class="mb-3">
                            <label class="form-label fw-bold">Nội dung câu hỏi</label>
                            <textarea name="noi_dung_cau_hoi" id="sua_noi_dung" class="form-control" rows="2" required></textarea>
                        </div>
                        <h6 class="text-success">Đáp án</h6>
                        <div id="khu-vuc-dap-an-sua"></div>
                        <button type="button" class="btn btn-outline-success btn-sm mt-2" onclick="themDong('khu-vuc-dap-an-sua')">+ Thêm đáp án</button>
                        <div class="mt-4">
                            <button type="submit" class="btn btn-warning w-100 fw-bold">CẬP NHẬT CÂU HỎI</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script>
        function locDanhSach() {
            const loai = document.getElementById('loc_loai').value;
            document.querySelectorAll('.nhom-loai').forEach(el => {
                el.style.display = (loai === 'tat_ca' || el.dataset.loai === loai) ? 'block' : 'none';
            });
        }

        function themDong(containerId) {
            const container = document.getElementById(containerId);
            const div = document.createElement('div');
            div.className = 'row mb-2';
            div.innerHTML = `
                <div class="col-md-2"><input type="text" name="ky_hieu[]" class="form-control" placeholder="Ký hiệu"></div>
                <div class="col-md-7"><input type="text" name="noi_dung_dap_an[]" class="form-control" placeholder="Nội dung đáp án"></div>
                <div class="col-md-3"><input type="number" step="any" name="diem_so[]" class="form-control" placeholder="Điểm số"></div>
            `;
            container.appendChild(div);
        }

        function moModalSua(ch, dapAn) {
            document.getElementById('sua_id').value = ch.id;
            document.getElementById('sua_noi_dung').value = ch.noi_dung_cau_hoi;
            document.getElementById('sua_thu_tu').value = ch.thu_tu;
            document.getElementById('sua_loai').value = ch.loai_cau_tra_loi;

            const container = document.getElementById('khu-vuc-dap-an-sua');
            container.innerHTML = '';
            if (dapAn.length > 0) {
                dapAn.forEach(da => {
                    const div = document.createElement('div');
                    div.className = 'row mb-2';
                    div.innerHTML = `
                        <div class="col-md-2"><input type="text" name="ky_hieu[]" class="form-control" value="${da.ky_hieu}"></div>
                        <div class="col-md-7"><input type="text" name="noi_dung_dap_an[]" class="form-control" value="${da.noi_dung_dap_an}"></div>
                        <div class="col-md-3"><input type="number" step="any" name="diem_so[]" class="form-control" value="${da.diem_so}"></div>
                    `;
                    container.appendChild(div);
                });
            } else {
                themDong('khu-vuc-dap-an-sua');
            }

            new bootstrap.Modal(document.getElementById('modalSua')).show();
        }
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
