<?php
// Standardize on the global BASE_URL from config.php
require_once __DIR__ . '/../config.php';
$base = BASE_URL;

$pageTitle = $pageTitle ?? 'Indian Board of Vocational and Technical Education - IBVTE';
$pageDesc  = $pageDesc  ?? 'IBVTE - Indian Board of Vocational and Technical Education, New Delhi. Promoting vocational and technical education across India.';

// Fetch latest 2 dynamic news/result posts
$marqueeItems = [];
$dbError = '';
try {
    require_once __DIR__ . '/../config.php';
    require_once __DIR__ . '/db.php';
    $db = DB();
    if ($db->isConnected()) {
        $marqueeItems = $db->fetchAll(
            "SELECT * FROM news_posts 
             WHERE is_active = 1 
             ORDER BY created_at DESC 
             LIMIT 2"
        );
    }
} catch (Exception $e) {
    $dbError = $e->getMessage();
}

// Default items if none found
if (empty($marqueeItems)) {
    $marqueeItems = [
        ['title' => 'प्रमाण पत्र परीक्षाफल- 2025', 'slug' => '#'],
        ['title' => 'डिप्लोमा परीक्षाफल 2025 (Result)', 'slug' => '#']
    ];
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo htmlspecialchars($pageTitle); ?></title>
    <meta name="description" content="<?php echo htmlspecialchars($pageDesc); ?>">
    <!-- Preconnect to CDNs for faster loading -->
    <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
    <!-- DNS Prefetch -->
    <link rel="dns-prefetch" href="https://cdn.jsdelivr.net">
    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
    <link rel="dns-prefetch" href="https://cdnjs.cloudflare.com">
    <!-- Bootstrap 5 CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Google Fonts - Preload for faster rendering -->
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Noto+Sans+Devanagari:wght@400;600;700;800&display=swap">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Noto+Sans+Devanagari:wght@400;600;700;800&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
    <noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Noto+Sans+Devanagari:wght@400;600;700;800&display=swap" rel="stylesheet"></noscript>
    <!-- Font Awesome - Deferred -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" media="print" onload="this.media='all'">
    <noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"></noscript>
    <!-- AOS Animation - Deferred (not needed for initial render) -->
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" media="print" onload="this.media='all'">
    <noscript><link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"></noscript>
    <link rel="stylesheet" href="<?php echo $base; ?>assets/css/style.css?v=<?php echo file_exists($_SERVER['DOCUMENT_ROOT'] . $base . 'assets/css/style.css') ? filemtime($_SERVER['DOCUMENT_ROOT'] . $base . 'assets/css/style.css') : time(); ?>">
    <style>
        .dropdown-submenu { position: relative; }
        .dropdown-submenu .dropdown-menu {
            top: 0; left: 100%; margin-top: -1px;
        }
        @media (max-width: 991px) {
            .dropdown-submenu .dropdown-menu {
                padding-left: 1rem; border: none; position: static; box-shadow: none; float: none; width: 100%; margin-top: 0;
            }
        }
        .ibvte-navbar-wrapper .nav-item.dropdown-submenu:hover > .dropdown-menu {
            display: block;
        }
        /* Critical: Hide content behind preloader to avoid layout shift */
        img[loading="lazy"] { content-visibility: auto; }
    </style>
</head>
<body>
    <div id="preloader" style="display:none;"></div> <!-- Keep placeholder so existing JS doesn't crash -->


    <!-- Sticky Left Sidebar (Hidden on Mobile) -->
    <?php
    $sidebarSettingsFile = __DIR__ . '/settings.json';
    $siteSettingsConfig = ['show_left_sidebar' => true];
    if (file_exists($sidebarSettingsFile)) {
        $siteSettingsConfig = json_decode(file_get_contents($sidebarSettingsFile), true);
    }
    if ($siteSettingsConfig['show_left_sidebar']):
    ?>
    <div class="quick-links-sidebar d-none d-lg-block <?php echo isset($hideSidebar) && $hideSidebar ? 'sidebar-closed' : ''; ?>" id="quickLinksSidebar">
        <button class="sidebar-toggle-btn" onclick="toggleSidebar()" aria-label="Toggle Sidebar">
            <i class="fas fa-angle-double-right"></i>
        </button>
        <?php
        // Fetch pages for sidebar dynamically
        $sidebarPages = [];
        try {
            if (isset($db) && $db->isConnected()) {
                $sidebarPages = $db->fetchAll("SELECT title, slug, sidebar_color, sidebar_icon FROM custom_pages WHERE show_in_sidebar = 1 ORDER BY sidebar_order ASC, id ASC");
            }
        } catch (Exception $e) {}

        // Default items if none configured
        if (empty($sidebarPages)) {
            $sidebarPages = [
                ['title' => 'Practical Marks', 'slug' => '#', 'sidebar_color' => '#9c27b0', 'sidebar_icon' => 'fas fa-marker'],
                ['title' => 'Fee Structure', 'slug' => '#', 'sidebar_color' => '#ff5722', 'sidebar_icon' => 'fas fa-file-invoice-dollar'],
                ['title' => 'Syllabus', 'slug' => '#', 'sidebar_color' => '#ffc107', 'sidebar_icon' => 'fas fa-book'],
                ['title' => 'ARC Center', 'slug' => '#', 'sidebar_color' => '#4caf50', 'sidebar_icon' => 'fas fa-id-card'],
                ['title' => 'Result Section', 'slug' => '#', 'sidebar_color' => '#2196f3', 'sidebar_icon' => 'fas fa-poll'],
                ['title' => 'Exam Center', 'slug' => '#', 'sidebar_color' => '#3f51b5', 'sidebar_icon' => 'fas fa-building']
            ];
        }

        foreach ($sidebarPages as $sp):
            $url = ($sp['slug'] === '#') ? '#' : $base . 'page.php?slug=' . urlencode($sp['slug']);
        ?>
            <a href="<?= $url ?>" class="quick-link-btn text-white" style="background: <?= htmlspecialchars($sp['sidebar_color']) ?>;">
                <i class="<?= htmlspecialchars($sp['sidebar_icon']) ?> me-2"></i><?= htmlspecialchars($sp['title']) ?>
            </a>
        <?php endforeach; ?>
    </div>
    <?php endif; ?>

    <!-- Floating Right Action -->
    <div class="floating-actions d-none d-lg-block">
        <a href="<?php echo $base; ?>student/login.php" class="rotate-btn shadow">Student Login For Final Registration</a>
    </div>

    <header id="site-header">

        <!-- Top Ticker Bar -->
        <div class="ibvte-ticker-bar">
            <div class="ticker-left">
                <marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
                    &nbsp;&nbsp;&nbsp; WELCOME TO IBVTE &nbsp;|&nbsp;
                    <?php foreach ($marqueeItems as $item): ?>
                        <a href="<?php echo ($item['slug'] === '#') ? '#' : $base . 'news-detail.php?slug=' . htmlspecialchars($item['slug']); ?>" 
                           class="ticker-link" 
                           style="color: #ffd700; font-weight: bold;">
                            <?php echo htmlspecialchars($item['title']); ?>
                        </a> &nbsp;/&nbsp;
                    <?php endforeach; ?>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                </marquee>
            </div>
            <div class="ticker-right">
                <a href="<?php echo $base; ?>noc/apply-detailed.php" class="ticker-auth-link">Apply Noc</a>
                <span class="ticker-sep">|</span>
                <a href="<?php echo $base; ?>admin/login.php" class="ticker-auth-link">Council Login</a>
                <span class="ticker-sep">|</span>
                <a href="<?php echo $base; ?>college/login.php" class="ticker-auth-link">College Login</a>
                <span class="ticker-sep">|</span>
                <a href="<?php echo $base; ?>student/login.php" class="ticker-auth-link">Student Login</a>
                <span class="ticker-sep">|</span>
                <a href="<?php echo $base; ?>college/login.php" class="ticker-auth-link">ARC Center Login</a>
            </div>
        </div>

        <!-- Main Header Brand Area -->
        <style>
            .ibvte-custom-header {
                margin-top: 15px;
                margin-bottom: 15px;
            }
            .header-tabs-top {
                display: flex;
                justify-content: space-between;
                align-items: flex-end;
                margin-bottom: 0;
                position: relative;
                z-index: 2;
            }
            .header-tabs-bottom {
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                margin-top: 0;
                position: relative;
                z-index: 2;
            }
            .tab-tl, .tab-bl, .tab-tr, .tab-br {
                background-color: #e5e5e5;
                height: 24px;
                display: flex;
                align-items: center;
            }
            .tab-tl, .tab-bl {
                min-width: 220px;
            }
            .tab-tr, .tab-br {
                min-width: 380px;
            }
            .tab-tl {
                padding: 2px 30px 2px 15px;
                border-radius: 0 20px 0 0;
                font-weight: 800;
                font-size: 13px;
                color: #222;
                border-top: 2px solid #ccc;
                border-right: 2px solid #ccc;
                box-shadow: 2px -2px 4px rgba(0,0,0,0.05);
            }
            .tab-tr {
                padding: 2px 15px 2px 30px;
                border-radius: 20px 0 0 0;
                border-top: 2px solid #ccc;
                border-left: 2px solid #ccc;
                box-shadow: -2px -2px 4px rgba(0,0,0,0.05);
            }
            .tab-bl {
                padding: 2px 30px 2px 15px;
                border-radius: 0 0 20px 0;
                border-bottom: 2px solid #ccc;
                border-right: 2px solid #ccc;
                box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
            }
            .tab-br {
                padding: 2px 15px 2px 30px;
                border-radius: 0 0 0 20px;
                border-bottom: 2px solid #ccc;
                border-left: 2px solid #ccc;
                box-shadow: -2px 2px 4px rgba(0,0,0,0.1);
            }
            .ibvte-header-main {
                background: #ffffff;
                padding: 10px 0;
                position: relative;
                z-index: 1;
            }
            .ibvte-header-inner {
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-wrap: nowrap;
            }
            .header-logo-left {
                flex-shrink: 0;
                margin-right: 20px;
                margin-left: 10px;
            }
            .header-logo-left img {
                height: 110px;
                width: auto;
            }
            .header-center-text {
                flex-grow: 1;
                text-align: center;
            }
            .header-hindi-title {
                font-family: 'Noto Sans Devanagari', sans-serif;
                font-size: 2.76rem !important;
                font-weight: 800;
                line-height: 1.1;
                margin-bottom: 4px;
                color: #3b0b7c;
                letter-spacing: 0px;
            }
            .header-english-title {
                font-family: 'Inter', sans-serif;
                font-size: 1.5rem !important;
                font-weight: 700;
                line-height: 1.1;
                color: #3b0b7c;
                letter-spacing: 0.3px;
            }
            .header-logos-right {
                flex-shrink: 0;
                display: flex;
                align-items: center;
                gap: 15px;
                margin-right: 10px;
            }
            .header-logos-right img {
                max-height: 65px;
                object-fit: contain;
            }
            @media (max-width: 1200px) {
                .header-hindi-title { font-size: 1.8rem !important; }
                .header-english-title { font-size: 1rem !important; }
            }
            @media (max-width: 991px) {
                .ibvte-header-inner {
                    flex-direction: column;
                    text-align: center;
                }
                .header-logo-left { margin-right: 0; margin-bottom: 15px; }
                .header-logos-right { margin-top: 15px; flex-wrap: wrap; justify-content: center; }
                .header-hindi-title { font-size: 1.6rem !important; }
                .header-english-title { font-size: 0.9rem !important; }
                .tab-tr, .tab-br { display: none; }
            }
        </style>

        <div class="ibvte-custom-header">
            <div class="header-tabs-top d-none d-md-flex">
                <div class="tab-tl">WELCOME TO IBVTE</div>
                <div class="tab-tr">&nbsp;</div>
            </div>
            
            <div class="ibvte-header-main">
                <div class="container-fluid px-2 px-md-4">
                    <div class="ibvte-header-inner">
                        <div class="header-logo-left">
                            <a href="<?php echo $base; ?>index.php">
                                <img src="<?php echo $base; ?>assets/images/logo.webp" alt="IBVTE Logo">
                            </a>
                        </div>
                        <div class="header-center-text">
                            <div class="header-hindi-title">भारतीय व्यावसायिक एवं तकनीकी शिक्षा बोर्ड (नई दिल्ली)</div>
                            <div class="header-english-title">INDIAN BOARD OF VOCATIONAL AND TECHNICAL EDUCATION (NEW DELHI)</div>
                        </div>
                        <div class="header-logos-right d-none d-lg-flex">
                            <img loading="lazy" src="<?php echo $base; ?>assets/images/azadi_logo.png" alt="Azadi Ka Amrit Mahotsav">
                            <img loading="lazy" src="<?php echo $base; ?>assets/images/swachh_logo.png" alt="Swachh Bharat" style="max-height: 55px;">
                            <img loading="lazy" src="<?php echo $base; ?>assets/images/makeindia_logo.jpg" alt="Make in India">
                        </div>
                    </div>
                </div>
            </div>

            <div class="header-tabs-bottom d-none d-md-flex">
                <div class="tab-bl">&nbsp;</div>
                <div class="tab-br">&nbsp;</div>
            </div>
        </div>

        <!-- Navigation Bar -->
        <div class="ibvte-navbar-wrapper">
            <nav class="navbar navbar-expand-lg">
                <div class="container">
                    <button class="navbar-toggler ibvte-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#ibvteOffcanvas" aria-controls="ibvteOffcanvas">
                        <span class="navbar-toggler-icon"></span>
                    </button>

                    <!-- Mobile Offcanvas -->
                    <div class="offcanvas offcanvas-start d-lg-none" tabindex="-1" id="ibvteOffcanvas">
                        <div class="offcanvas-header" style="background:var(--primary-color);">
                            <h5 class="offcanvas-title text-white">IBVTE Menu</h5>
                            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas"></button>
                        </div>
                        <div class="offcanvas-body p-0">
                            <ul class="navbar-nav ibvte-offcanvas-nav">
                                <li class="nav-item"><a class="nav-link navbar-links" href="<?php echo $base; ?>index.php">Home</a></li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link navbar-links dropdown-toggle" href="#" data-bs-toggle="dropdown">About <i class="fas fa-caret-down dropdown-caret-icon"></i></a>
                                    <ul class="dropdown-menu">
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>about.php">About Council</a></li>
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>about/preamble.php">Preamble</a></li>
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>about/vision.php">Vision</a></li>
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>about/mission.php">Mission</a></li>
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>about/goals.php">Goals</a></li>
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>about/values.php">Values</a></li>
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>about/highlights.php">Highlights</a></li>
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>about/objectives.php">Objectives</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link navbar-links dropdown-toggle" href="<?php echo $base; ?>all-courses.php" data-bs-toggle="dropdown">Our Departments <i class="fas fa-caret-down dropdown-caret-icon"></i></a>
                                    <ul class="dropdown-menu">
                                        <li><a class="dropdown-item fw-bold text-primary" href="<?php echo $base; ?>all-courses.php">View All Departments</a></li>
                                        <li><hr class="dropdown-divider"></li>
                                        <?php
                                        try {
                                            $isLive = false; try { DB()->fetchOne("SELECT category_id FROM courses LIMIT 1"); $isLive = true; } catch(Exception $e) {}
                                            if ($isLive) {
                                                $navCats = DB()->fetchAll("SELECT id, name, slug FROM course_categories WHERE is_active=1 AND EXISTS (SELECT 1 FROM courses c WHERE c.category_id = course_categories.id AND c.is_active = 1) ORDER BY display_order, name");
                                            } else {
                                                $navCats = DB()->fetchAll("SELECT id, name, slug FROM course_categories WHERE is_active=1 AND EXISTS (SELECT 1 FROM courses c WHERE c.short_name COLLATE utf8mb4_unicode_ci = course_categories.name COLLATE utf8mb4_unicode_ci AND c.is_active = 1) ORDER BY display_order, name");
                                            }
                                            foreach($navCats as $nCat):
                                                $navSubCats = DB()->fetchAll("SELECT name, slug FROM course_sub_categories WHERE category_id=? AND is_active=1 ORDER BY display_order, name", [$nCat['id']]);
                                        ?>
                                        <li class="dropdown-submenu">
                                            <a class="dropdown-item d-flex justify-content-between align-items-center fw-bold" href="<?php echo $base; ?>all-courses.php?category=<?= urlencode($nCat['slug']) ?>">
                                                <span><?= htmlspecialchars($nCat['name']) ?></span>
                                                <i class="fas fa-angle-right small text-muted d-none d-lg-block"></i>
                                            </a>
                                            <ul class="dropdown-menu">
                                                <?php foreach($navSubCats as $nSub): ?>
                                                <li><a class="dropdown-item" href="<?php echo $base; ?>all-courses.php?category=<?= urlencode($nCat['slug']) ?>&sub=<?= urlencode($nSub['slug']) ?>"><?= htmlspecialchars($nSub['name']) ?></a></li>
                                                <?php endforeach; ?>
                                                <li><hr class="dropdown-divider"></li>
                                                <li><a class="dropdown-item fw-bold text-primary" href="<?php echo $base; ?>all-courses.php?category=<?= urlencode($nCat['slug']) ?>">View All <?= htmlspecialchars($nCat['name']) ?></a></li>
                                            </ul>
                                        </li>
                                        <?php 
                                            endforeach;
                                        } catch(Exception $e) {}
                                        ?>
                                    </ul>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link navbar-links dropdown-toggle" href="#" data-bs-toggle="dropdown">Examination <i class="fas fa-caret-down dropdown-caret-icon"></i></a>
                                    <ul class="dropdown-menu">
                                        <?php
                                        try {
                                            $epages = DB()->fetchAll("SELECT slug, title FROM custom_pages WHERE menu_group = 'examination' ORDER BY id ASC");
                                            if (empty($epages)) {
                                                echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=exam-circular">Exam Circular</a></li>';
                                                echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=exam-timetable">Exam Time Table</a></li>';
                                                echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=exam-services">Exam Related Services</a></li>';
                                            } else {
                                                foreach ($epages as $ep) {
                                                    echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=' . urlencode($ep['slug']) . '">' . htmlspecialchars($ep['title']) . '</a></li>';
                                                }
                                            }
                                        } catch(Exception $e) {
                                            echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=exam-circular">Exam Circular</a></li>';
                                            echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=exam-timetable">Exam Time Table</a></li>';
                                            echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=exam-services">Exam Related Services</a></li>';
                                        }
                                        ?>
                                    </ul>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link navbar-links dropdown-toggle" href="#" data-bs-toggle="dropdown">IBVTE Constitution <i class="fas fa-caret-down dropdown-caret-icon"></i></a>
                                    <ul class="dropdown-menu">
                                        <?php
                                        try {
                                            $cpages = DB()->fetchAll("SELECT slug, title FROM custom_pages WHERE menu_group = 'constitution' ORDER BY id ASC");
                                            if (empty($cpages)) {
                                                echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=exam-bye-laws">IBVTE Examination BYE-Laws</a></li>';
                                                echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=affiliation-bye-laws">IBVTE Affiliation BYE-Laws</a></li>';
                                                echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=rules-regulations">IBVTE Rules &amp; Regulations</a></li>';
                                            } else {
                                                foreach ($cpages as $cp) {
                                                    echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=' . urlencode($cp['slug']) . '">' . htmlspecialchars($cp['title']) . '</a></li>';
                                                }
                                            }
                                        } catch(Exception $e) {
                                            echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=exam-bye-laws">IBVTE Examination BYE-Laws</a></li>';
                                            echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=affiliation-bye-laws">IBVTE Affiliation BYE-Laws</a></li>';
                                            echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=rules-regulations">IBVTE Rules &amp; Regulations</a></li>';
                                        }
                                        ?>
                                    </ul>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link navbar-links dropdown-toggle" href="#" data-bs-toggle="dropdown">FAQ <i class="fas fa-caret-down dropdown-caret-icon"></i></a>
                                    <ul class="dropdown-menu">
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>faq/accreditation-faq.php">Affiliation FAQ</a></li>
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>faq/student-faq.php">Student FAQ</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link navbar-links dropdown-toggle" href="#" data-bs-toggle="dropdown">शासनादेश एवं परिपत्र <i class="fas fa-caret-down dropdown-caret-icon"></i></a>
                                    <ul class="dropdown-menu">
                                        <?php
                                        try {
                                            $circpages = DB()->fetchAll("SELECT slug, title FROM custom_pages WHERE menu_group = 'circular' ORDER BY id ASC");
                                            if (empty($circpages)) {
                                                echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=paripatra">परिपत्र</a></li>';
                                                echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=kaaryakaaree">कार्यकारिणी एवं कार्यवृत्त</a></li>';
                                            } else {
                                                foreach ($circpages as $cp) {
                                                    echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=' . urlencode($cp['slug']) . '">' . htmlspecialchars($cp['title']) . '</a></li>';
                                                }
                                            }
                                        } catch(Exception $e) {
                                            echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=paripatra">परिपत्र</a></li>';
                                            echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=kaaryakaaree">कार्यकारिणी एवं कार्यवृत्त</a></li>';
                                        }
                                        ?>
                                    </ul>
                                </li>
                                <li class="nav-item"><a class="nav-link navbar-links" href="<?php echo $base; ?>gallery.php">Gallery</a></li>
                                <li class="nav-item"><a class="nav-link navbar-links" href="<?php echo $base; ?>page.php?slug=student-downloads">Student Downloads</a></li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link navbar-links dropdown-toggle" href="#" data-bs-toggle="dropdown">RTI <i class="fas fa-caret-down dropdown-caret-icon"></i></a>
                                    <ul class="dropdown-menu">
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>rti/rti-form.php">RTI Form IBVTE</a></li>
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>rti/rti-hindi.php">RTI Act-2005 (Hindi)</a></li>
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>rti/rti-english.php">RTI Act-2005 (English)</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item"><a class="nav-link navbar-links" href="<?php echo $base; ?>contact.php">Contact</a></li>
                                <li class="nav-item ibvte-apply-btn"><a class="nav-link navbar-links" href="<?php echo $base; ?>affiliation/apply.php">Apply For Affiliation</a></li>
                            </ul>
                        </div>
                    </div>

                    <!-- Desktop Nav -->
                    <div class="d-lg-flex d-none w-100">
                        <ul class="navbar-nav ibvte-desktop-nav" style="flex-wrap:nowrap;justify-content:center;align-items:center;">
                            <li class="nav-item"><a class="nav-link navbar-links" href="<?php echo $base; ?>index.php">Home</a></li>
                            <li class="nav-item dropdown">
                                <a class="nav-link navbar-links dropdown-toggle" href="#" data-bs-toggle="dropdown">About <i class="fas fa-caret-down dropdown-caret-icon"></i></a>
                                <ul class="dropdown-menu ibvte-dropdown">
                                    <li><a class="dropdown-item" href="<?php echo $base; ?>about.php">About Council</a></li>
                                    <li><a class="dropdown-item" href="<?php echo $base; ?>about/preamble.php">Preamble</a></li>
                                    <li><a class="dropdown-item" href="<?php echo $base; ?>about/vision.php">Vision</a></li>
                                    <li><a class="dropdown-item" href="<?php echo $base; ?>about/mission.php">Mission</a></li>
                                    <li><a class="dropdown-item" href="<?php echo $base; ?>about/goals.php">Goals</a></li>
                                    <li><a class="dropdown-item" href="<?php echo $base; ?>about/values.php">Values</a></li>
                                    <li><a class="dropdown-item" href="<?php echo $base; ?>about/highlights.php">Highlights</a></li>
                                    <li><a class="dropdown-item" href="<?php echo $base; ?>about/objectives.php">Objectives</a></li>
                                </ul>
                            </li>
                            <li class="nav-item dropdown">
                                <a class="nav-link navbar-links dropdown-toggle" href="<?php echo $base; ?>all-courses.php" data-bs-toggle="dropdown">Our Departments <i class="fas fa-caret-down dropdown-caret-icon"></i></a>
                                <ul class="dropdown-menu ibvte-dropdown">
                                    <li><a class="dropdown-item fw-bold text-primary" href="<?php echo $base; ?>all-courses.php">View All Departments</a></li>
                                    <li><hr class="dropdown-divider"></li>
                                    <?php
                                    try {
                                        // Use the same navCats as above if already fetched
                                        if (!isset($navCats)) {
                                            $isLive = false; try { DB()->fetchOne("SELECT category_id FROM courses LIMIT 1"); $isLive = true; } catch(Exception $e) {}
                                            if ($isLive) {
                                                $navCats = DB()->fetchAll("SELECT id, name, slug FROM course_categories WHERE is_active=1 AND EXISTS (SELECT 1 FROM courses c WHERE c.category_id = course_categories.id AND c.is_active = 1) ORDER BY display_order, name");
                                            } else {
                                                $navCats = DB()->fetchAll("SELECT id, name, slug FROM course_categories WHERE is_active=1 AND EXISTS (SELECT 1 FROM courses c WHERE c.short_name COLLATE utf8mb4_unicode_ci = course_categories.name COLLATE utf8mb4_unicode_ci AND c.is_active = 1) ORDER BY display_order, name");
                                            }
                                        }
                                        foreach($navCats as $nCat):
                                            $navSubCats = DB()->fetchAll("SELECT name, slug FROM course_sub_categories WHERE category_id=? AND is_active=1 ORDER BY display_order, name", [$nCat['id']]);
                                    ?>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item d-flex justify-content-between align-items-center fw-bold" href="<?php echo $base; ?>all-courses.php?category=<?= urlencode($nCat['slug']) ?>">
                                            <span><?= htmlspecialchars($nCat['name']) ?></span>
                                            <i class="fas fa-angle-right small text-muted d-none d-lg-block"></i>
                                        </a>
                                        <ul class="dropdown-menu">
                                            <?php foreach($navSubCats as $nSub): ?>
                                            <li><a class="dropdown-item" href="<?php echo $base; ?>all-courses.php?category=<?= urlencode($nCat['slug']) ?>&sub=<?= urlencode($nSub['slug']) ?>"><?= htmlspecialchars($nSub['name']) ?></a></li>
                                            <?php endforeach; ?>
                                            <li><hr class="dropdown-divider"></li>
                                            <li><a class="dropdown-item fw-bold text-primary" href="<?php echo $base; ?>all-courses.php?category=<?= urlencode($nCat['slug']) ?>">View All <?= htmlspecialchars($nCat['name']) ?></a></li>
                                        </ul>
                                    </li>
                                    <?php 
                                        endforeach;
                                    } catch(Exception $e) {}
                                    ?>
                                </ul>
                            </li>
                            <li class="nav-item dropdown">
                                <a class="nav-link navbar-links dropdown-toggle" href="#" data-bs-toggle="dropdown">Examination <i class="fas fa-caret-down dropdown-caret-icon"></i></a>
                                <ul class="dropdown-menu ibvte-dropdown">
                                    <?php
                                     try {
                                         $epages = DB()->fetchAll("SELECT slug, title FROM custom_pages WHERE menu_group = 'examination' ORDER BY id ASC");
                                         if (empty($epages)) {
                                             echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=exam-circular">Exam Circular</a></li>';
                                             echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=exam-timetable">Exam Time Table</a></li>';
                                             echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=exam-services">Exam Related Services</a></li>';
                                         } else {
                                             foreach ($epages as $ep) {
                                                 echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=' . urlencode($ep['slug']) . '">' . htmlspecialchars($ep['title']) . '</a></li>';
                                             }
                                         }
                                     } catch(Exception $e) {
                                         echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=exam-circular">Exam Circular</a></li>';
                                         echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=exam-timetable">Exam Time Table</a></li>';
                                         echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=exam-services">Exam Related Services</a></li>';
                                     }
                                     ?>
                                </ul>
                            </li>
                            <li class="nav-item dropdown">
                                <a class="nav-link navbar-links dropdown-toggle" href="#" data-bs-toggle="dropdown">IBVTE Constitution <i class="fas fa-caret-down dropdown-caret-icon"></i></a>
                                <ul class="dropdown-menu ibvte-dropdown">
                                    <?php
                                     try {
                                         $cpages = DB()->fetchAll("SELECT slug, title FROM custom_pages WHERE menu_group = 'constitution' ORDER BY id ASC");
                                         if (empty($cpages)) {
                                             echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=exam-bye-laws">IBVTE Examination BYE-Laws</a></li>';
                                             echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=affiliation-bye-laws">IBVTE Affiliation BYE-Laws</a></li>';
                                             echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=rules-regulations">IBVTE Rules &amp; Regulations</a></li>';
                                         } else {
                                             foreach ($cpages as $cp) {
                                                 echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=' . urlencode($cp['slug']) . '">' . htmlspecialchars($cp['title']) . '</a></li>';
                                             }
                                         }
                                     } catch(Exception $e) {
                                         echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=exam-bye-laws">IBVTE Examination BYE-Laws</a></li>';
                                         echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=affiliation-bye-laws">IBVTE Affiliation BYE-Laws</a></li>';
                                         echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=rules-regulations">IBVTE Rules &amp; Regulations</a></li>';
                                     }
                                     ?>
                                </ul>
                            </li>
                            <li class="nav-item dropdown">
                                <a class="nav-link navbar-links dropdown-toggle" href="#" data-bs-toggle="dropdown">FAQ <i class="fas fa-caret-down dropdown-caret-icon"></i></a>
                                <ul class="dropdown-menu ibvte-dropdown">
                                    <li><a class="dropdown-item" href="<?php echo $base; ?>faq/accreditation-faq.php">Affiliation FAQ</a></li>
                                    <li><a class="dropdown-item" href="<?php echo $base; ?>faq/student-faq.php">Student FAQ</a></li>
                                </ul>
                            </li>
                            <li class="nav-item dropdown">
                                <a class="nav-link navbar-links dropdown-toggle" href="#" data-bs-toggle="dropdown">शासनादेश एवं परिपत्र <i class="fas fa-caret-down dropdown-caret-icon"></i></a>
                                <ul class="dropdown-menu ibvte-dropdown">
                                    <?php
                                     try {
                                         $circpages = DB()->fetchAll("SELECT slug, title FROM custom_pages WHERE menu_group = 'circular' ORDER BY id ASC");
                                         if (empty($circpages)) {
                                             echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=paripatra">परिपत्र</a></li>';
                                             echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=kaaryakaaree">कार्यकारिणी एवं कार्यवृत्त</a></li>';
                                         } else {
                                             foreach ($circpages as $cp) {
                                                 echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=' . urlencode($cp['slug']) . '">' . htmlspecialchars($cp['title']) . '</a></li>';
                                             }
                                         }
                                     } catch(Exception $e) {
                                         echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=paripatra">परिपत्र</a></li>';
                                         echo '<li><a class="dropdown-item" href="' . $base . 'page.php?slug=kaaryakaaree">कार्यकारिणी एवं कार्यवृत्त</a></li>';
                                     }
                                     ?>
                                </ul>
                            </li>
                            <li class="nav-item"><a class="nav-link navbar-links" href="<?php echo $base; ?>gallery.php">Gallery</a></li>
                            <li class="nav-item"><a class="nav-link navbar-links" href="<?php echo $base; ?>page.php?slug=student-downloads">Student Downloads</a></li>
                            <li class="nav-item dropdown">
                                <a class="nav-link navbar-links dropdown-toggle" href="#" data-bs-toggle="dropdown">RTI <i class="fas fa-caret-down dropdown-caret-icon"></i></a>
                                <ul class="dropdown-menu ibvte-dropdown">
                                    <li><a class="dropdown-item" href="<?php echo $base; ?>rti/rti-form.php">RTI Form IBVTE</a></li>
                                    <li><a class="dropdown-item" href="<?php echo $base; ?>rti/rti-hindi.php">RTI Act-2005 (Hindi)</a></li>
                                    <li><a class="dropdown-item" href="<?php echo $base; ?>rti/rti-english.php">RTI Act-2005 (English)</a></li>
                                </ul>
                            </li>
                            <li class="nav-item"><a class="nav-link navbar-links" href="<?php echo $base; ?>contact.php">Contact</a></li>
                            <li class="nav-item ibvte-apply-btn"><a class="nav-link navbar-links text-white" href="<?php echo $base; ?>affiliation/apply.php">Apply For Affiliation</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </header>
