kaubuntu.re/includes/mobile-menu.php

<!-- Menu mobile (masqué par défaut) -->
<div class="mobile-menu">
    <button class="mobile-menu-close">
        <i class="fas fa-times"></i>
    </button>
    
    <div class="search-container">
        <form action="recherche.php" method="get">
            <input type="text" name="q" placeholder="Rechercher...">
            <button type="submit"><i class="fas fa-search"></i></button>
        </form>
    </div>
    
    <div>
        <a href="index.php" class="nav-item <?php echo ($currentPage === 'index.php') ? 'active' : ''; ?>">
            <i class="fas fa-home"></i> Accueil
        </a>
        <a href="direct.php" class="nav-item <?php echo ($currentPage === 'direct.php') ? 'active' : ''; ?>">
            <i class="fas fa-broadcast-tower"></i> Direct
        </a>
        
        <hr class="nav-divider">
        
        <?php
        // Afficher les catégories prioritaires
        if (defined('PRIORITY_CATEGORIES') && !empty(PRIORITY_CATEGORIES)) {
            // Tableau associatif des icônes pour les catégories
            $categoryIcons = [
                1 => 'fas fa-music',           // Musique
                5 => 'fas fa-running',          // Sport
                11 => 'fas fa-globe',           // Actualité & Politique
                2 => 'fas fa-film',             // Films
                3 => 'fas fa-video',            // Émissions & Séries
                4 => 'fas fa-gamepad',          // Jeux
                6 => 'fas fa-laugh',            // Humour
                7 => 'fas fa-palette',          // Art
                8 => 'fas fa-spa',              // Bien-être
                9 => 'fas fa-tshirt',           // Mode
                10 => 'fas fa-random',          // Divers
                12 => 'fas fa-dollar-sign',     // Finance
                13 => 'fas fa-graduation-cap',  // Education
                14 => 'fas fa-fist-raised',     // Activism
                15 => 'fas fa-microscope',      // Science & Technology
                16 => 'fas fa-paw',             // Animals
                17 => 'fas fa-child',           // Kids
                18 => 'fas fa-utensils'         // Food
            ];
            
            foreach (PRIORITY_CATEGORIES as $id => $name) {
                $isActive = ($currentPage === 'categories.php' && $currentCategoryId === $id);
                $icon = isset($categoryIcons[$id]) ? $categoryIcons[$id] : 'fas fa-folder';
                echo '<a href="categories.php?id=' . $id . '" class="nav-item ' . ($isActive ? 'active' : '') . '">';
                echo '<i class="' . $icon . '"></i> ' . htmlspecialchars($name);
                echo '</a>';
            }
        }
        ?>
        
        <hr class="nav-divider">
    </div>
    
    <div>
        <h3 class="mobile-section-title">Hashtags populaires</h3>
        <?php 
        if (defined('IMPORTANT_TAGS') && !empty(IMPORTANT_TAGS)):
            foreach (IMPORTANT_TAGS as $tag):
                $encodedTag = urlencode('#' . $tag);
                $isActive = ($isTagSearch && strtolower($currentTag) === strtolower($tag));
        ?>
        <a href="recherche.php?q=<?php echo $encodedTag; ?>" class="nav-item <?php echo $isActive ? 'active' : ''; ?>">
            <i class="fas fa-hashtag"></i> <?php echo htmlspecialchars($tag); ?>
        </a>
        <?php 
            endforeach;
        endif;
        ?>
    </div>
    
    <hr class="nav-divider">
    
    <div>
        <h3 class="mobile-section-title">Suivez-nous</h3>
        <div class="mobile-social-icons">
            <a target="_blank" rel="noreferrer" href="<?php echo FACEBOOK_URL; ?>"><i class="fab fa-facebook icon-facebook"></i></a>
            <a target="_blank" rel="noreferrer" href="<?php echo INSTAGRAM_URL; ?>"><i class="fab fa-instagram icon-instagram"></i></a>
            <a target="_blank" rel="noreferrer" href="<?php echo TIKTOK_URL; ?>"><i class="fab fa-tiktok icon-tiktok"></i></a>
            <a target="_blank" rel="noreferrer" href="<?php echo YOUTUBE_URL; ?>"><i class="fab fa-youtube icon-youtube"></i></a>
            <a target="_blank" rel="noreferrer" href="<?php echo X_URL; ?>"><i class="fab fa-x-twitter icon-x"></i></a>
        </div>
    </div>
</div>