<?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); ?>">
    <!-- Bootstrap 5 CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Google Fonts -->
    <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">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <!-- AOS Animation -->
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <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(); ?>">
    
</head>
<body>
    <!-- Preloader -->
    <div id="preloader">
        <div class="loader-content">
            <div class="spinner-border text-primary" role="status">
                <span class="visually-hidden">Loading...</span>
            </div>
        </div>
    </div>

    <!-- Sticky Left Sidebar (Hidden on Mobile) -->
    <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>
        <a href="#" class="quick-link-btn" style="background: #9c27b0;"><i class="fas fa-marker me-2"></i>Practical Marks</a>
        <a href="#" class="quick-link-btn" style="background: #ff5722;"><i class="fas fa-file-invoice-dollar me-2"></i>Fee Structure</a>
        <a href="#" class="quick-link-btn" style="background: #ffc107;"><i class="fas fa-book me-2"></i>Syllabus</a>
        <a href="#" class="quick-link-btn" style="background: #4caf50;"><i class="fas fa-id-card me-2"></i>ARC Center</a>
        <a href="#" class="quick-link-btn" style="background: #2196f3;"><i class="fas fa-poll me-2"></i>Result Section</a>
        <a href="#" class="quick-link-btn" style="background: #3f51b5;"><i class="fas fa-building me-2"></i>Exam Center</a>
    </div>

    <!-- 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</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; ?>arc/login.php" class="ticker-auth-link">ARC Center Login</a>
            </div>
        </div>

        <!-- Main Header Brand Area -->
        <div class="ibvte-header-brand py-3">
            <div class="container">
                <div class="row align-items-center justify-content-between g-3">
                    <div class="col-12 col-md-auto text-center text-md-start">
                        <div class="d-flex flex-column flex-md-row align-items-center gap-3">
                            <a href="<?php echo $base; ?>index.php">
                                <img src="<?php echo $base; ?>assets/images/logo.jpeg" alt="IBVTE Logo" class="ibvte-logo-img">
                            </a>
                            <div class="ibvte-brand-text text-center text-md-start">
                                <div class="ibvte-hindi-name fw-bold mb-0" style="font-size: calc(0.9rem + 0.2vw); line-height: 1.2;">इंडियन व्यावसायिक एवं तकनीकी शिक्षा बोर्ड, नई दिल्ली</div>
                                <div class="ibvte-english-name fw-bold" style="font-size: calc(0.75rem + 0.1vw); line-height: 1.2; opacity: 0.85;">INDIAN BOARD OF VOCATIONAL AND TECHNICAL EDUCATION, NEW DELHI</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-auto ibvte-govt-logos d-none d-md-flex align-items-center justify-content-center gap-3">
                        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTsSDDUs1UszdSOkOziG-KGNI1ujbuazFI8Sg&s" alt="India Emblem" class="ibvte-govt-logo" style="max-height:65px;">
                        <img src="https://www.pngall.com/wp-content/uploads/13/Azadi-Ka-Amrit-Mahotsav-Logo-PNG-Image.png" alt="Azadi Ka Amrit Mahotsav" class="ibvte-govt-logo" style="max-height:72px;">
                        <img src="https://media.assettype.com/thequint%2F2016-01%2F5fe4b302-c270-4b8a-8c02-db7cf3ef93ed%2FMake-in-India.jpg" alt="Make in India" class="ibvte-govt-logo rounded" style="max-height:59px;">
                    </div>
                </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</a>
                                    <ul class="dropdown-menu">
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>about/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 Courses</a>
                                    <ul class="dropdown-menu">
                                        <li><a class="dropdown-item fw-bold text-primary" href="<?php echo $base; ?>all-courses.php">View All Courses</a></li>
                                        <li><hr class="dropdown-divider"></li>
                                        <?php
                                        // Reuse $headerCats if available or fetch again
                                        try {
                                            $headerCats = $headerCats ?? $db->fetchAll("SELECT name, slug FROM course_categories WHERE is_active = 1 ORDER BY display_order ASC");
                                            foreach ($headerCats as $hcat):
                                                $catUrl = $base . "all-courses.php?category=" . urlencode($hcat['name']);
                                        ?>
                                            <li><a class="dropdown-item" href="<?= $catUrl ?>"><?= htmlspecialchars($hcat['name']) ?> Education</a></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</a>
                                    <ul class="dropdown-menu">
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>rti/rti-form.php">Exam Circular</a></li>
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>downloads.php?category=timetable">Exam Time Table</a></li>
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>downloads.php?category=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</a>
                                    <ul class="dropdown-menu">
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>downloads.php?category=bye_laws">IBVTE Examination BYE-Laws</a></li>
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>downloads.php?category=bye_laws">IBVTE Affiliation BYE-Laws</a></li>
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>downloads.php?category=rules">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</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">शासनादेश एवं परिपत्र</a>
                                    <ul class="dropdown-menu">
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>downloads.php?category=paripatra">परिपत्र</a></li>
                                        <li><a class="dropdown-item" href="<?php echo $base; ?>downloads.php?category=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; ?>downloads.php">Student Downloads</a></li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link navbar-links dropdown-toggle" href="#" data-bs-toggle="dropdown">RTI</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 Us</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;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</a>
                                <ul class="dropdown-menu ibvte-dropdown">
                                    <li><a class="dropdown-item" href="<?php echo $base; ?>about/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 Courses</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 Courses</a></li>
                                    <li><hr class="dropdown-divider"></li>
                                    <?php
                                    try {
                                        $headerCats = $db->fetchAll("SELECT name, slug FROM course_categories WHERE is_active = 1 ORDER BY display_order ASC");
                                        foreach ($headerCats as $hcat):
                                            $catUrl = $base . "all-courses.php?category=" . urlencode($hcat['name']);
                                    ?>
                                        <li><a class="dropdown-item" href="<?= $catUrl ?>"><?= htmlspecialchars($hcat['name']) ?> Education</a></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</a>
                                <ul class="dropdown-menu ibvte-dropdown">
                                    <li><a class="dropdown-item" href="#">Exam Circular</a></li>
                                    <li><a class="dropdown-item" href="#">Exam Time Table</a></li>
                                    <li><a class="dropdown-item" href="#">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</a>
                                <ul class="dropdown-menu ibvte-dropdown">
                                    <li><a class="dropdown-item" href="#">IBVTE Examination BYE-Laws</a></li>
                                    <li><a class="dropdown-item" href="#">IBVTE Affiliation BYE-Laws</a></li>
                                    <li><a class="dropdown-item" href="#">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</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">शासनादेश एवं परिपत्र</a>
                                <ul class="dropdown-menu ibvte-dropdown">
                                    <li><a class="dropdown-item" href="<?php echo $base; ?>downloads.php?category=paripatra">परिपत्र</a></li>
                                    <li><a class="dropdown-item" href="<?php echo $base; ?>downloads.php?category=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; ?>downloads.php">Student Downloads</a></li>
                            <li class="nav-item dropdown">
                                <a class="nav-link navbar-links dropdown-toggle" href="#" data-bs-toggle="dropdown">RTI</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 Us</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>
