<?php
/**
 * IBVTE - Student Admission Details
 */
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, cat.name as course_category, c.duration_text as duration,
            c.course_type, 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; }

$feesPending = in_array($student['payment_status'], ['pending', 'partial']);
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Admission Details - <?= 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; }
        .info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
        .info-cell { padding: 12px 16px; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; }
        .info-cell:nth-child(even) { border-right: none; }
        .info-label { color: #888; font-size: .8rem; text-transform: uppercase; letter-spacing: .5px; }
        .info-value { font-weight: 600; color: #333; font-size: .9rem; margin-top: 2px; }
        .photo-box img { width: 120px; height: 150px; object-fit: cover; border-radius: 10px; border: 3px solid #e0e0e0; }
        @media print {
            .no-print { display: none !important; }
            .section-card { box-shadow: none !important; border: 1px solid #ddd; }
        }
    </style>
</head>
<body>
    <nav class="navbar navbar-expand-lg top-bar no-print">
        <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 active" 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" 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 no-print">
        <div class="container">
            <h4 class="mb-0"><i class="fas fa-file-alt me-2"></i> Admission Details</h4>
            <small class="opacity-75">Indian Board of Vocational and Technical Education</small>
        </div>
    </div>

    <div class="container py-4">
        <!-- Print Header (only visible on print) -->
        <div class="d-none d-print-block text-center mb-4">
            <img src="../assets/images/logo.jpeg" alt="IBVTE" style="height:70px;">
            <h4 class="mt-2">Indian Board of Vocational and Technical Education</h4>
            <p class="text-muted">60 Futa Road, Samar Garden Colony, Meerut (UP) – 250002</p>
            <h5 class="text-decoration-underline">STUDENT ADMISSION DETAILS</h5>
        </div>

        <!-- Top Actions -->
        <div class="d-flex justify-content-between align-items-center mb-3 no-print">
            <a href="dashboard.php" class="btn btn-sm btn-outline-secondary"><i class="fas fa-arrow-left me-1"></i> Back</a>
            <button onclick="window.print()" class="btn btn-sm" style="background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;">
                <i class="fas fa-print me-1"></i> Print
            </button>
        </div>

        <!-- Student Photo + Basic Info -->
        <div class="section-card mb-4">
            <div class="section-head"><i class="fas fa-user me-2"></i> Personal Information</div>
            <div class="p-4">
                <div class="d-flex gap-4 flex-wrap">
                    <div class="photo-box">
                        <?php
                        $photo = !empty($student['photo_path']) ? '../' . $student['photo_path'] : 'https://ui-avatars.com/api/?name=' . urlencode($student['full_name']) . '&background=3b0b7c&color=fff&size=120';
                        ?>
                        <img src="<?= $photo ?>" alt="Student Photo">
                        <div class="text-center mt-1 small text-muted">Photo</div>
                    </div>
                    <div class="flex-fill">
                        <div class="info-grid">
                            <div class="info-cell"><div class="info-label">Full Name</div><div class="info-value"><?= htmlspecialchars($student['full_name']) ?></div></div>
                            <div class="info-cell"><div class="info-label">Date of Birth</div><div class="info-value"><?= formatDOB($student['date_of_birth']) ?></div></div>
                            <div class="info-cell"><div class="info-label">Father's Name</div><div class="info-value"><?= htmlspecialchars($student['father_name'] ?? '-') ?></div></div>
                            <div class="info-cell"><div class="info-label">Mother's Name</div><div class="info-value"><?= htmlspecialchars($student['mother_name'] ?? '-') ?></div></div>
                            <div class="info-cell"><div class="info-label">Gender</div><div class="info-value"><?= ucfirst($student['gender'] ?? '-') ?></div></div>
                            <div class="info-cell"><div class="info-label">Category</div><div class="info-value"><?= strtoupper($student['category'] ?? '-') ?></div></div>
                            <div class="info-cell"><div class="info-label">Mobile</div><div class="info-value"><?= htmlspecialchars($student['mobile'] ?? '-') ?></div></div>
                            <div class="info-cell"><div class="info-label">Email</div><div class="info-value"><?= htmlspecialchars($student['email'] ?? '-') ?></div></div>
                            <div class="info-cell" style="grid-column:1/-1;border-right:none;"><div class="info-label">Address</div><div class="info-value"><?= htmlspecialchars(($student['address'] ?? '') . ', ' . ($student['city'] ?? '') . ', ' . ($student['state'] ?? '') . ' - ' . ($student['pincode'] ?? '')) ?></div></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Admission Info -->
        <div class="section-card mb-4">
            <div class="section-head"><i class="fas fa-graduation-cap me-2"></i> Admission Information</div>
            <div class="info-grid">
                <div class="info-cell"><div class="info-label">Roll Number</div><div class="info-value fw-bold text-primary"><?= htmlspecialchars($student['roll_number']) ?></div></div>
                <div class="info-cell"><div class="info-label">Registration Number</div><div class="info-value fw-bold text-primary"><?= htmlspecialchars($student['registration_number'] ?? '-') ?></div></div>
                <div class="info-cell"><div class="info-label">Admission Number</div><div class="info-value"><?= htmlspecialchars($student['admission_number'] ?? '-') ?></div></div>
                <div class="info-cell"><div class="info-label">Session Year</div><div class="info-value"><?= htmlspecialchars($student['session_year'] ?? '-') ?></div></div>
                <div class="info-cell"><div class="info-label">Admission Date</div><div class="info-value"><?= formatDate($student['admission_date']) ?></div></div>
                <div class="info-cell"><div class="info-label">Status</div>
                    <div class="info-value">
                        <?php
                        $sBadge = ['active'=>'success','passed'=>'primary','failed'=>'danger','pending'=>'warning','inactive'=>'secondary'];
                        $sb = $sBadge[$student['status']] ?? 'secondary';
                        ?>
                        <span class="badge bg-<?= $sb ?>"><?= ucfirst($student['status']) ?></span>
                    </div>
                </div>
                <div class="info-cell"><div class="info-label">Course</div><div class="info-value"><?= htmlspecialchars($student['course_name'] ?? '-') ?></div></div>
                <div class="info-cell"><div class="info-label">Specialization</div><div class="info-value"><?= htmlspecialchars($student['sub_name'] ?? '-') ?></div></div>
                <div class="info-cell"><div class="info-label">Duration</div><div class="info-value"><?= htmlspecialchars($student['duration'] ?? '-') ?></div></div>
                <div class="info-cell"><div class="info-label">Course Code</div><div class="info-value"><?= htmlspecialchars($student['course_code'] ?? '-') ?></div></div>
                <div class="info-cell"><div class="info-label">Institution</div><div class="info-value"><?= htmlspecialchars($student['institution_name'] ?? '-') ?></div></div>
                <div class="info-cell"><div class="info-label">Institution Code</div><div class="info-value"><?= htmlspecialchars($student['institution_code'] ?? '-') ?></div></div>
            </div>
        </div>

        <!-- Fees Info -->
        <div class="section-card mb-4">
            <div class="section-head"><i class="fas fa-rupee-sign me-2"></i> Fees Information</div>
            <div class="p-4">
                <div class="row g-3">
                    <div class="col-md-4 text-center">
                        <div class="p-3 rounded-3 bg-light">
                            <div class="text-muted small">Total Fee</div>
                            <div class="fw-bold fs-5 text-dark">₹<?= number_format($student['total_fee'] ?? 0, 2) ?></div>
                        </div>
                    </div>
                    <div class="col-md-4 text-center">
                        <div class="p-3 rounded-3 bg-light">
                            <div class="text-muted small">Paid Amount</div>
                            <div class="fw-bold fs-5 text-success">₹<?= number_format($student['paid_amount'] ?? 0, 2) ?></div>
                        </div>
                    </div>
                    <div class="col-md-4 text-center">
                        <div class="p-3 rounded-3 <?= $feesPending ? 'bg-danger bg-opacity-10' : 'bg-success bg-opacity-10' ?>">
                            <div class="text-muted small">Payment Status</div>
                            <div class="fw-bold fs-5 <?= $feesPending ? 'text-danger' : 'text-success' ?>">
                                <?= $feesPending ? 'Fees Pending' : 'Fees Cleared' ?>
                            </div>
                        </div>
                    </div>
                </div>
                <?php if (!empty($student['transaction_id'])): ?>
                <div class="mt-3 p-2 bg-light rounded-3">
                    <span class="text-muted small">Transaction ID:</span>
                    <span class="fw-bold"><?= htmlspecialchars($student['transaction_id']) ?></span>
                </div>
                <?php endif; ?>
            </div>
        </div>
    </div>

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