<?php
/**
 * CHƯƠNG 3 / LAB 4: TƯƠNG TÁC CƠ SỞ DỮ LIỆU VỚI MYSQL VÀ PDO
 * Trang mục lục tổng hợp 11 bài tập (Bai01 -> Bai11)
 */
require_once __DIR__ . '/../db_config.php';
require_once __DIR__ . '/lab04_helper.php';

$dbConnected = false;
$dbError = null;
$studentCount = 0;
$actionMessage = '';

try {
    $pdo = getPdoConnection();
    if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['action']) && $_POST['action'] === 'reset_db') {
        ensureLab04StudentsTable($pdo, true);
        $actionMessage = 'Đã khởi tạo lại bảng students và nạp mới 12 bản ghi dữ liệu mẫu thành công!';
    } else {
        ensureLab04StudentsTable($pdo, false);
    }
    $studentCount = (int)$pdo->query("SELECT COUNT(*) FROM `students`")->fetchColumn();
    $dbConnected = true;
} catch (Throwable $e) {
    $dbError = $e;
}

$exercises = [
    [
        'code'  => 'Bai01',
        'title' => 'Bài 01: Kết nối MySQL với PDO',
        'desc'  => 'Thiết lập kết nối PDO tới CSDL labdb, kiểm tra trạng thái kết nối, phiên bản MySQL Server và cấu hình UTF-8.',
        'files' => ['Bai01/database.sql', 'Bai01/connect.php', 'Bai01/index.php'],
        'badge' => 'PDO Connection'
    ],
    [
        'code'  => 'Bai02',
        'title' => 'Bài 02: Tạo bảng students & Dữ liệu mẫu',
        'desc'  => 'Tạo bảng students (id, name, email, phone, birthday, created_at) và nạp 12 bản ghi sinh viên mẫu.',
        'files' => ['Bai02/students.sql', 'Bai02/connect.php', 'Bai02/index.php'],
        'badge' => 'DDL & Seed Data'
    ],
    [
        'code'  => 'Bai03',
        'title' => 'Bài 03: Hiển thị danh sách sinh viên',
        'desc'  => 'Truy vấn SELECT dữ liệu từ bảng students bằng PDO và hiển thị ra bảng HTML chuẩn Bootstrap 5.',
        'files' => ['Bai03/students.sql', 'Bai03/list_students.php', 'Bai03/index.php'],
        'badge' => 'SELECT Query'
    ],
    [
        'code'  => 'Bai04',
        'title' => 'Bài 04: Thêm sinh viên mới (INSERT)',
        'desc'  => 'Tạo form nhập sinh viên mới, kiểm tra dữ liệu hợp lệ và lưu vào CSDL bằng PDO Prepared Statement.',
        'files' => ['Bai04/students.sql', 'Bai04/add_student.php', 'Bai04/index.php'],
        'badge' => 'Prepared INSERT'
    ],
    [
        'code'  => 'Bai05',
        'title' => 'Bài 05: Xóa sinh viên (DELETE)',
        'desc'  => 'Xóa sinh viên theo ID bằng Prepared Statement có hộp thoại xác nhận JavaScript confirm() trước khi xóa.',
        'files' => ['Bai05/students.sql', 'Bai05/delete_student.php', 'Bai05/index.php'],
        'badge' => 'Prepared DELETE'
    ],
    [
        'code'  => 'Bai06',
        'title' => 'Bài 06: Cập nhật thông tin sinh viên (UPDATE)',
        'desc'  => 'Tải thông tin sinh viên lên form theo ID và cập nhật họ tên, email, số điện thoại, ngày sinh bằng PDO.',
        'files' => ['Bai06/students.sql', 'Bai06/edit_student.php', 'Bai06/index.php'],
        'badge' => 'Prepared UPDATE'
    ],
    [
        'code'  => 'Bai07',
        'title' => 'Bài 07: Phân trang (Pagination) & Tìm kiếm',
        'desc'  => 'Phân trang danh sách sinh viên (LIMIT, OFFSET) kết hợp tìm kiếm từ khóa và đầy đủ thao tác Thêm/Sửa/Xóa.',
        'files' => ['Bai07/students.sql', 'Bai07/index.php'],
        'badge' => 'Pagination + CRUD'
    ],
    [
        'code'  => 'Bai08',
        'title' => 'Bài 08: Bổ sung cột ngày sinh (birthday)',
        'desc'  => 'Thực thi ALTER TABLE thêm cột birthday, cập nhật ngày sinh cho sinh viên, định dạng dd/mm/YYYY và tính tuổi.',
        'files' => ['Bai08/alter_birthday.sql', 'Bai08/index.php'],
        'badge' => 'ALTER TABLE & Date'
    ],
    [
        'code'  => 'Bai09',
        'title' => 'Bài 09: Tìm kiếm sinh viên theo tên (LIKE)',
        'desc'  => 'Tìm kiếm sinh viên theo tên với toán tử LIKE :keyword và PDO Prepared Statement chống SQL Injection.',
        'files' => ['Bai09/students.sql', 'Bai09/search_student.php', 'Bai09/index.php'],
        'badge' => 'LIKE Search'
    ],
    [
        'code'  => 'Bai10',
        'title' => 'Bài 10: Chuẩn hóa toàn bộ CRUD với Prepared Statement',
        'desc'  => 'Ứng dụng CRUD tổng hợp chuẩn hóa mọi câu lệnh SELECT, SEARCH, INSERT, UPDATE, DELETE với prepare() & execute().',
        'files' => ['Bai10/students.sql', 'Bai10/index.php'],
        'badge' => 'Full Prepared CRUD'
    ],
    [
        'code'  => 'Bai11',
        'title' => 'Bài 11: Sắp xếp danh sách sinh viên (ORDER BY)',
        'desc'  => 'Sắp xếp danh sách sinh viên theo cột name hoặc email (ASC/DESC) có kiểm tra whitelist tên cột an toàn.',
        'files' => ['Bai11/students.sql', 'Bai11/sort_students.php', 'Bai11/index.php'],
        'badge' => 'Safe Dynamic Sort'
    ],
];
?>
<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Chương 3 / Lab 04: Tương tác CSDL với MySQL và PDO</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="bg-light">
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary shadow-sm mb-4">
        <div class="container">
            <a class="navbar-brand fw-bold" href="index.php">🗄️ CHƯƠNG 3 / LAB 04: MYSQL &amp; PDO</a>
            <div class="d-flex gap-2">
                <a href="lab04_schema.sql" class="btn btn-sm btn-warning fw-semibold" target="_blank">📄 Xem lab04_schema.sql</a>
                <a href="../index.php" class="btn btn-sm btn-outline-light">🏠 Về Trang chủ</a>
            </div>
        </div>
    </nav>

    <div class="container pb-5">
        <?php if ($actionMessage): ?>
            <div class="alert alert-success alert-dismissible fade show shadow-sm" role="alert">
                ✅ <?= htmlspecialchars($actionMessage) ?>
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        <?php endif; ?>

        <?php if ($dbError): ?>
            <?php renderLab04DbError($dbError, '../index.php'); ?>
        <?php else: ?>
            <div class="card border-0 shadow-sm mb-4">
                <div class="card-body d-flex flex-wrap justify-content-between align-items-center gap-3">
                    <div>
                        <span class="badge bg-success mb-1">● Đã kết nối MySQL (PDO)</span>
                        <h5 class="mb-1 fw-bold">CSDL: <code><?= htmlspecialchars((string)DB_NAME) ?></code> (<?= htmlspecialchars((string)DB_HOST) ?>:<?= htmlspecialchars((string)DB_PORT) ?>)</h5>
                        <p class="text-muted small mb-0">
                            Bảng <code>students</code> hiện có <strong><?= $studentCount ?></strong> sinh viên. Các bài tập đều tự động khởi tạo bảng nếu chưa có.
                        </p>
                    </div>
                    <form method="post" onsubmit="return confirm('Khởi tạo lại bảng students về 12 sinh viên mẫu ban đầu?');">
                        <input type="hidden" name="action" value="reset_db">
                        <button type="submit" class="btn btn-outline-primary btn-sm">
                            🔄 Khởi tạo lại dữ liệu mẫu (12 SV)
                        </button>
                    </form>
                </div>
            </div>
        <?php endif; ?>

        <div class="row g-4">
            <?php foreach ($exercises as $ex): ?>
                <div class="col-md-6 col-lg-4">
                    <div class="card h-100 border-0 shadow-sm">
                        <div class="card-body d-flex flex-column">
                            <div class="d-flex justify-content-between align-items-center mb-2">
                                <span class="badge bg-primary-subtle text-primary border border-primary-subtle"><?= htmlspecialchars($ex['code']) ?></span>
                                <span class="badge bg-secondary"><?= htmlspecialchars($ex['badge']) ?></span>
                            </div>
                            <h5 class="card-title fw-bold"><?= htmlspecialchars($ex['title']) ?></h5>
                            <p class="card-text text-muted small flex-grow-1"><?= htmlspecialchars($ex['desc']) ?></p>
                            <div class="mb-3">
                                <div class="small text-secondary fw-semibold mb-1">Các file trong bài:</div>
                                <div class="d-flex flex-wrap gap-1">
                                    <?php foreach ($ex['files'] as $f): ?>
                                        <span class="badge bg-light text-dark border font-monospace"><?= htmlspecialchars($f) ?></span>
                                    <?php endforeach; ?>
                                </div>
                            </div>
                            <a href="<?= htmlspecialchars($ex['code']) ?>/index.php" class="btn btn-primary w-100 fw-semibold">
                                Mở <?= htmlspecialchars($ex['code']) ?> &rarr;
                            </a>
                        </div>
                    </div>
                </div>
            <?php endforeach; ?>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>