<?php
require_once 'config.php';

if(!isLoggedIn()) {
    header("Location: login.php");
    exit;
}

$stmt = $pdo->prepare("SELECT e.*, c.title, c.instrument, c.teacher_name, c.price, c.duration 
                        FROM enrollments e 
                        JOIN courses c ON e.course_id = c.id 
                        WHERE e.user_id = ? 
                        ORDER BY e.enrollment_date DESC");
$stmt->execute([$_SESSION['user_id']]);
$enrollments = $stmt->fetchAll(PDO::FETCH_ASSOC);

$statuses = [
    'pending' => '⏳ Ожидание подтверждения',
    'confirmed' => '✅ Подтверждено',
    'cancelled' => '❌ Отменено'
];
?>
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Мои записи на курсы - Музыкальная школа</title>
    <meta name="description" content="Список ваших записей на музыкальные курсы">
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Segoe UI', Arial, sans-serif; background: #f5f0e8; }
        header, footer { background: #2c1810; color: #f5e6d3; padding: 1rem; text-align: center; }
        nav a { color: #f5e6d3; margin: 0 15px; text-decoration: none; }
        nav a:hover { color: #e67e22; }
        main { max-width: 1100px; margin: 30px auto; padding: 20px; background: #fff; border-radius: 20px; min-height: 60vh; }
        table { width: 100%; border-collapse: collapse; }
        th, td { padding: 12px; text-align: left; border-bottom: 1px solid #ddd; }
        th { background: #f8f9fa; color: #2c1810; }
        .status-confirmed { color: #27ae60; font-weight: bold; }
        .status-pending { color: #f39c12; font-weight: bold; }
        .status-cancelled { color: #e74c3c; font-weight: bold; }
        .btn { display: inline-block; background: #e67e22; color: #fff; padding: 10px 20px; text-decoration: none; border-radius: 8px; margin-top: 20px; }
        h1 { margin-bottom: 20px; color: #2c1810; }
        .empty { text-align: center; padding: 50px; }
        @media (max-width: 768px) { table, thead, tbody, th, td, tr { display: block; } th { display: none; } td { display: block; padding: 8px; } }
    </style>
</head>
<body>
<header>
    <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;">
        <h1 style="margin: 0;">🎵 Музыкальная школа</h1>
        <nav>
            <a href="index.php">🏠 Курсы</a>
            <a href="teachers.php">👨‍🏫 Преподаватели</a>
            <a href="my_enrollments.php">📋 Мои записи</a>
            <a href="logout.php">🚪 Выйти (<?= h($_SESSION['username']) ?>)</a>
        </nav>
    </div>
</header>

<main>
    <h1>📋 Мои записи на курсы</h1>
    
    <?php if(count($enrollments) > 0): ?>
        <table>
            <thead>
                <tr><th>Курс</th><th>Инструмент</th><th>Преподаватель</th><th>Дата записи</th><th>Статус</th></tr>
            </thead>
            <tbody>
                <?php foreach($enrollments as $enrollment): ?>
                <tr>
                    <td><strong><?= h($enrollment['title']) ?></strong></td>
                    <td><?= h($enrollment['instrument']) ?></td>
                    <td><?= h($enrollment['teacher_name']) ?></td>
                    <td><?= date('d.m.Y', strtotime($enrollment['enrollment_date'])) ?></td>
                    <td class="status-<?= $enrollment['status'] ?>"><?= $statuses[$enrollment['status']] ?></td>
                </tr>
                <?php endforeach; ?>
            </tbody>
        </table>
    <?php else: ?>
        <div class="empty">
            <p>😕 Вы ещё не записаны ни на один курс.</p>
            <a href="index.php" class="btn">Перейти к курсам</a>
        </div>
    <?php endif; ?>
    
    <a href="index.php" class="btn">← К каталогу курсов</a>
</main>

<footer>
    <p>&copy; 2025 Музыкальная школа. Обучение с душой.</p>
</footer>
</body>
</html>