<?php
/**
 * IBVTE - Course & Syllabus Page
 */
require_once __DIR__ . '/../config.php';
require_once __DIR__ . '/../includes/db.php';

if (empty($_SESSION['student_id'])) { header('Location: login.php'); exit; }

$db = DB();
$studentId = $_SESSION['student_id'];

$student = $db->fetchOne(
    "SELECT s.*, c.course_name, c.course_code, c.description as course_desc,
            cat.name as course_category, c.course_type, c.duration_text as duration, c.dur_months as duration_months,
            c.eligibility, c.syllabus_text as course_syllabus, c.mode,
            c.assessment_pass_percent,
            sub.name as sub_name,
            u.institution_name, u.institution_code
     FROM students s
     LEFT JOIN courses c ON s.course_id = c.id
     LEFT JOIN course_categories cat ON c.category_id = cat.id
     LEFT JOIN course_sub_categories sub ON c.sub_category_id = sub.id
     LEFT JOIN users u ON s.institution_id = u.id
     WHERE s.id = ?",
    [$studentId]
);

if (!$student) { session_destroy(); header('Location: login.php'); exit; }

// Parse syllabus - could be JSON or plain text
$syllabus = $student['course_syllabus'] ?? '';
$syllabusItems = [];
if (!empty($syllabus)) {
    $decoded = json_decode($syllabus, true);
    if (is_array($decoded)) {
        $syllabusItems = $decoded;
    } else {
        // Plain text - split by newline or bullet
        $syllabusItems = array_filter(array_map('trim', preg_split('/[\n\r,;]+/', $syllabus)));
    }
}

// Get all subjects for this course from marks_entry
$subjects = $db->fetchAll(
    "SELECT DISTINCT su.id, su.subject_name, su.max_marks, su.type
     FROM subjects su
     WHERE su.course_id = ?
     ORDER BY su.id",
    [$student['course_id']]
);
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Course & Syllabus - <?= APP_SHORT_NAME ?></title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <style>
        :root { --primary: #3b0b7c; --secondary: #6c4ab6; }
        body { background: #f4f6fc; font-family: 'Segoe UI', sans-serif; }
        .top-bar { background: linear-gradient(135deg, var(--primary), var(--secondary)); }
        .top-bar .nav-link { color: rgba(255,255,255,.85) !important; padding: 16px 14px !important; }
        .top-bar .nav-link:hover, .top-bar .nav-link.active { color: #fff !important; background: rgba(255,255,255,.12); }
        .top-bar .nav-link i { display: block; font-size: 1rem; text-align: center; }
        .page-header { background: linear-gradient(135deg, var(--primary), var(--secondary)); color: white; padding: 30px 0; }
        .section-card { background: white; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,.06); }
        .section-head { background: linear-gradient(135deg, var(--primary), var(--secondary)); color: white; border-radius: 12px 12px 0 0; padding: 14px 20px; }
        .course-hero { background: linear-gradient(135deg, var(--primary), var(--secondary)); color: white; border-radius: 16px; padding: 28px; }
        .course-badge { background: rgba(255,255,255,.2); border-radius: 20px; padding: 4px 14px; font-size: .85rem; display: inline-block; }
        .info-pill { background: #f0eaff; border-left: 4px solid var(--primary); padding: 10px 14px; border-radius: 0 10px 10px 0; margin-bottom: 10px; }
        .syllabus-item { padding: 10px 16px; border-left: 3px solid var(--secondary); background: #f8f9ff; border-radius: 0 8px 8px 0; margin-bottom: 8px; }
        .subject-card { background: #f8f9ff; border-radius: 12px; padding: 14px 16px; border: 1px solid #e8e0ff; transition: .2s; }
        .subject-card:hover { background: #ede8ff; border-color: var(--secondary); }
    </style>
</head>
<body>
    <nav class="navbar navbar-expand-lg top-bar">
        <div class="container">
            <a class="navbar-brand d-flex align-items-center gap-2 text-white fw-bold" href="dashboard.php">
                <img src="../assets/images/logo.jpeg" alt="IBVTE" style="height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.4);">
                Student Portal
            </a>
            <button class="navbar-toggler border-0 text-white" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu">
                <i class="fas fa-bars"></i>
            </button>
            <div class="collapse navbar-collapse" id="navMenu">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item"><a class="nav-link" href="dashboard.php"><i class="fas fa-home"></i> Home</a></li>
                    <li class="nav-item"><a class="nav-link" href="admission.php"><i class="fas fa-file-alt"></i> Admission</a></li>
                    <li class="nav-item"><a class="nav-link" href="admit-card.php"><i class="fas fa-id-card"></i> Admit Card</a></li>
                    <li class="nav-item"><a class="nav-link" href="result.php"><i class="fas fa-chart-bar"></i> Result</a></li>
                    <li class="nav-item"><a class="nav-link" href="certificate.php"><i class="fas fa-certificate"></i> Certificate</a></li>
                    <li class="nav-item"><a class="nav-link active" href="course.php"><i class="fas fa-book"></i> Course</a></li>
                    <li class="nav-item"><a class="nav-link text-warning" href="logout.php"><i class="fas fa-sign-out-alt"></i> Logout</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="page-header">
        <div class="container">
            <h4 class="mb-0"><i class="fas fa-book-open me-2"></i> Course & Syllabus</h4>
            <small class="opacity-75">Your enrolled course details and syllabus</small>
        </div>
    </div>

    <div class="container py-4">
        <a href="dashboard.php" class="btn btn-sm btn-outline-secondary mb-3"><i class="fas fa-arrow-left me-1"></i> Back</a>

        <!-- Course Hero -->
        <div class="course-hero mb-4">
            <div class="d-flex gap-3 align-items-start flex-wrap">
                <div style="width:60px;height:60px;background:rgba(255,255,255,.2);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0;">
                    <i class="fas fa-graduation-cap"></i>
                </div>
                <div class="flex-fill">
                    <h4 class="fw-bold mb-1"><?= htmlspecialchars($student['course_name'] ?? 'N/A') ?></h4>
                    <?php if (!empty($student['sub_name'])): ?>
                    <p class="opacity-75 mb-2">Specialization: <strong><?= htmlspecialchars($student['sub_name']) ?></strong></p>
                    <?php endif; ?>
                    <div class="d-flex gap-2 flex-wrap">
                        <span class="course-badge"><i class="fas fa-code me-1"></i><?= htmlspecialchars($student['course_code'] ?? '-') ?></span>
                        <span class="course-badge"><i class="fas fa-clock me-1"></i><?= htmlspecialchars($student['duration'] ?? '-') ?></span>
                        <span class="course-badge"><i class="fas fa-tag me-1"></i><?= ucfirst($student['course_type'] ?? '-') ?></span>
                        <span class="course-badge"><i class="fas fa-laptop me-1"></i><?= ucfirst($student['mode'] ?? '-') ?></span>
                    </div>
                </div>
            </div>
        </div>

        <div class="row g-4">
            <!-- Course Details -->
            <div class="col-lg-7">
                <!-- About Course -->
                <?php if (!empty($student['course_desc']) || !empty($student['sub_desc'])): ?>
                <div class="section-card mb-4">
                    <div class="section-head"><i class="fas fa-info-circle me-2"></i> About This Course</div>
                    <div class="p-4">
                        <p class="text-muted mb-0"><?= nl2br(htmlspecialchars($student['course_desc'])) ?></p>
                    </div>
                </div>
                <?php endif; ?>

                <!-- Syllabus -->
                <div class="section-card mb-4">
                    <div class="section-head"><i class="fas fa-list-ul me-2"></i> Course Syllabus</div>
                    <div class="p-4">
                        <?php if (!empty($syllabusItems)): ?>
                        <?php foreach ($syllabusItems as $i => $item): ?>
                        <div class="syllabus-item">
                            <span class="badge me-2" style="background:var(--primary);"><?= $i + 1 ?></span>
                            <?= htmlspecialchars(is_array($item) ? ($item['topic'] ?? $item['subject'] ?? json_encode($item)) : $item) ?>
                        </div>
                        <?php endforeach; ?>
                        <?php else: ?>
                        <div class="text-center py-4 text-muted">
                            <i class="fas fa-book fa-2x mb-2"></i>
                            <p class="mb-0">Detailed syllabus will be shared by your institution.<br>Please contact your institution or IBVTE for more details.</p>
                            <div class="mt-3 p-3 bg-light rounded-3">
                                <strong>Contact IBVTE:</strong> <?= INSTITUTION_PHONE ?><br>
                                <strong>Email:</strong> <?= INSTITUTION_EMAIL ?>
                            </div>
                        </div>
                        <?php endif; ?>
                    </div>
                </div>

                <!-- Subjects -->
                <?php if (!empty($subjects)): ?>
                <div class="section-card mb-4">
                    <div class="section-head"><i class="fas fa-book-reader me-2"></i> Subjects</div>
                    <div class="p-4">
                        <div class="row g-2">
                            <?php foreach ($subjects as $sub): ?>
                            <div class="col-md-6">
                                <div class="subject-card">
                                    <div class="d-flex justify-content-between">
                                        <div>
                                            <div class="fw-bold small"><?= htmlspecialchars($sub['subject_name']) ?></div>
                                            <div class="text-muted" style="font-size:.78rem;"><?= ucfirst($sub['type'] ?? 'theory') ?></div>
                                        </div>
                                        <div class="text-end">
                                            <div class="badge" style="background:var(--primary);"><?= $sub['max_marks'] ?? '-' ?> Marks</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <?php endforeach; ?>
                        </div>
                    </div>
                </div>
                <?php endif; ?>
            </div>

            <!-- Course Info Sidebar -->
            <div class="col-lg-5">
                <div class="section-card mb-4">
                    <div class="section-head"><i class="fas fa-info me-2"></i> Course Information</div>
                    <div class="p-4">
                        <div class="info-pill">
                            <div class="small text-muted">Course Name</div>
                            <div class="fw-bold"><?= htmlspecialchars($student['course_name'] ?? '-') ?></div>
                        </div>
                        <div class="info-pill">
                            <div class="small text-muted">Course Code</div>
                            <div class="fw-bold"><?= htmlspecialchars($student['course_code'] ?? '-') ?></div>
                        </div>
                        <div class="info-pill">
                            <div class="small text-muted">Category</div>
                            <div class="fw-bold"><?= htmlspecialchars($student['course_category'] ?? '-') ?></div>
                        </div>
                        <div class="info-pill">
                            <div class="small text-muted">Duration</div>
                            <div class="fw-bold"><?= htmlspecialchars($student['duration'] ?? '-') ?></div>
                        </div>
                        <div class="info-pill">
                            <div class="small text-muted">Mode</div>
                            <div class="fw-bold"><?= ucfirst($student['mode'] ?? '-') ?></div>
                        </div>
                        <div class="info-pill">
                            <div class="small text-muted">Pass Percentage</div>
                            <div class="fw-bold"><?= $student['assessment_pass_percent'] ?? PASS_PERCENTAGE ?>%</div>
                        </div>
                        <?php if (!empty($student['eligibility'])): ?>
                        <div class="info-pill">
                            <div class="small text-muted">Eligibility</div>
                            <div class="fw-bold small"><?= htmlspecialchars($student['eligibility']) ?></div>
                        </div>
                        <?php endif; ?>
                    </div>
                </div>

                <!-- My Enrollment Details -->
                <div class="section-card">
                    <div class="section-head"><i class="fas fa-user-graduate me-2"></i> My Enrollment</div>
                    <div class="p-4">
                        <div class="info-pill">
                            <div class="small text-muted">Roll Number</div>
                            <div class="fw-bold text-primary"><?= htmlspecialchars($student['roll_number']) ?></div>
                        </div>
                        <div class="info-pill">
                            <div class="small text-muted">Session Year</div>
                            <div class="fw-bold"><?= htmlspecialchars($student['session_year'] ?? '-') ?></div>
                        </div>
                        <div class="info-pill">
                            <div class="small text-muted">Admission Date</div>
                            <div class="fw-bold"><?= formatDate($student['admission_date']) ?></div>
                        </div>
                        <div class="info-pill">
                            <div class="small text-muted">Institution</div>
                            <div class="fw-bold"><?= htmlspecialchars($student['institution_name'] ?? '-') ?></div>
                        </div>
                        <div class="info-pill">
                            <div class="small text-muted">Current Status</div>
                            <div class="fw-bold">
                                <?php
                                $sBadge = ['active'=>'success','passed'=>'primary','failed'=>'danger','pending'=>'warning'];
                                ?>
                                <span class="badge bg-<?= $sBadge[$student['status']] ?? 'secondary' ?>"><?= ucfirst($student['status']) ?></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

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