<?php
/**
 * IBVTE – College Portal Shared Sidebar
 * Include this in every college page.
 * The page must define $user (from Auth()->getUser()) before including.
 *
 * Usage:
 *   $collegePage = 'dashboard'; // or 'students','funds','results','activity','password'
 *   include __DIR__ . '/../includes/college_sidebar.php';
 */

if (!isset($collegePage)) $collegePage = '';

$nav = [
    ['key'=>'dashboard', 'href'=>'dashboard.php',      'icon'=>'fas fa-home',         'label'=>'Dashboard'],
    ['key'=>'students',  'href'=>'students.php',        'icon'=>'fas fa-user-graduate', 'label'=>'Students'],
    ['key'=>'funds',     'href'=>'fund-requests.php',   'icon'=>'fas fa-wallet',        'label'=>'Wallet & Funds'],
    ['key'=>'activity',  'href'=>'activity-log.php',    'icon'=>'fas fa-history',       'label'=>'Activity Log'],
    ['key'=>'password',  'href'=>'change-password.php', 'icon'=>'fas fa-key',           'label'=>'Change Password'],
];
?>
<div class="college-sidebar" id="collegeSidebar">

    <!-- Brand / Profile -->
    <div class="sidebar-brand">
        <img src="<?= BASE_URL ?>assets/images/logo.jpeg" alt="IBVTE Logo" class="sidebar-logo">
        <div class="sidebar-college-name"><?= htmlspecialchars($user['institution_name'] ?? 'College Portal') ?></div>
        <div class="sidebar-code"><?= htmlspecialchars($user['institution_code'] ?? '') ?></div>
    </div>

    <!-- Navigation -->
    <nav class="sidebar-nav">
        <?php foreach ($nav as $item): ?>
            <a href="<?= $item['href'] ?>"
               class="sidebar-link <?= ($collegePage === $item['key']) ? 'active' : '' ?>">
                <i class="<?= $item['icon'] ?> sidebar-icon"></i>
                <span><?= $item['label'] ?></span>
            </a>
        <?php endforeach; ?>
    </nav>

    <!-- Logout at bottom -->
    <div class="sidebar-footer">
        <a href="logout.php" class="sidebar-link sidebar-logout">
            <i class="fas fa-sign-out-alt sidebar-icon"></i>
            <span>Logout</span>
        </a>
    </div>
</div>

<script>
function toggleSidebar() {
    const sidebar = document.getElementById('collegeSidebar');
    const overlay = document.getElementById('sidebarOverlay');
    const btn     = document.getElementById('mobileMenuBtn');
    
    if (sidebar.classList.contains('open')) {
        sidebar.classList.remove('open');
        overlay.classList.add('d-none');
    } else {
        sidebar.classList.add('open');
        overlay.classList.remove('d-none');
    }
}
</script>
