<?php
// Détection de la page actuelle dans le panel pour la classe active
$current_panel_page = basename($_SERVER['PHP_SELF']);
?>
<!-- Inclusion isolée du CSS de la navigation du panel -->
<link rel="stylesheet" href="css/sidebar.css">

<header class="navbar-panel">
    <!-- Groupe de gauche d'origine -->
    <div class="nav-left-group-panel">
        <div class="logo-panel">
            <a href="index.php">PARCO<span>TRIP</span> <small style="font-size: 0.75rem; background: #2ed573; color: #fff; padding: 2px 6px; border-radius: 4px; margin-left: 5px; font-weight: 700;">PANEL</small></a>
        </div>
        <a href="../index.php" class="link-back-site-panel"><i class="fa-solid fa-arrow-left-long"></i> Retour au site</a>
    </div>

    <!-- Bouton Burger isolé -->
    <button class="burger-menu-panel" id="burgerBtnPanel" aria-label="Menu Panel">
        <span class="bar-panel"></span>
        <span class="bar-panel"></span>
        <span class="bar-panel"></span>
    </button>

    <!-- Navigation isolée plein écran -->
    <nav class="nav-menu-panel" id="navMenuPanel">
        <ul class="nav-links-panel">
            <!-- Lien d'accès rapide Retour au site présent uniquement sur mobile dans le panneau centré -->
            <li class="mobile-only-link"><a href="../index.php"><i class="fa-solid fa-arrow-left"></i> Retour au site</a></li>
            
            <li><a href="index.php" class="<?php echo ($current_panel_page == 'index.php') ? 'active' : ''; ?>">Tableau de bord</a></li>
            <li><a href="mapview.php" class="<?php echo ($current_panel_page == 'mapview.php') ? 'active' : ''; ?>">Carte des parcs</a></li>
            <li><a href="../waittimes.php">Temps d'attentes</a></li>
            <li><a href="../logout.php" class="btn-logout-panel-item"><i class="fa-solid fa-power-off"></i> Déconnexion</a></li>
        </ul>
    </nav>
</header>

<!-- Inclusion isolée du JS de la navigation du panel -->
<script src="js/sidebar.js"></script>