<!-- 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>

        <?php if (!defined('HERO_TYPE') || HERO_TYPE === 'live'): ?>
        <a href="direct.php" class="nav-item <?php echo ($currentPage === 'direct.php') ? 'active' : ''; ?>">
            <i class="fas fa-broadcast-tower"></i> Direct
        </a>
        <?php endif; ?>

        <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
                2 => 'fas fa-film',             // Films
                3 => 'fas fa-car',              // Véhicules
                4 => 'fas fa-palette',          // Jeux
                5 => 'fas fa-running',          // Sport
                6 => 'fas fa-laugh',            // Humour
                7 => 'fas fa-gamepad',          // Art
                8 => 'fas fa-person',           // Personnalités
                9 => 'fas fa-face-grin-tears',  // Comédie
                10 => 'fas fa-tv',              // Divertissement
                11 => 'fas fa-globe',           // Actualité & Politique
                12 => 'fas fa-chalkboard-user', // Tutoriel
                13 => 'fas fa-graduation-cap',  // Education
                14 => 'fas fa-fist-raised',     // Activisme
                15 => 'fas fa-microscope',      // Science & Technologie
                16 => 'fas fa-paw',             // Animaux
                17 => 'fas fa-child',           // Enfants
                18 => 'fas fa-utensils'         // Cuisine
            ];

            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">

    <?php
    // Vérifier s'il y a au moins un réseau social à afficher
    $hasSocialNetworks = (!empty(MASTODON_URL) && MASTODON_URL !== '#') ||
                        (!empty(FACEBOOK_URL) && FACEBOOK_URL !== '#') ||
                        (!empty(INSTAGRAM_URL) && INSTAGRAM_URL !== '#') ||
                        (!empty(TIKTOK_URL) && TIKTOK_URL !== '#') ||
                        (!empty(YOUTUBE_URL) && YOUTUBE_URL !== '#') ||
                        (!empty(X_URL) && X_URL !== '#');

    if ($hasSocialNetworks):
    ?>
    <div>
        <h3 class="mobile-section-title">Suivez-nous</h3>
        <div class="mobile-social-icons">
            <?php if (!empty(MASTODON_URL) && MASTODON_URL !== '#'): ?>
            <a target="_blank" rel="me noreferrer" href="<?php echo MASTODON_URL; ?>"><i class="fab fa-mastodon icon-mastodon"></i></a>
            <?php endif; ?>

            <?php if (!empty(FACEBOOK_URL) && FACEBOOK_URL !== '#'): ?>
            <a target="_blank" rel="noreferrer" href="<?php echo FACEBOOK_URL; ?>"><i class="fab fa-facebook icon-facebook"></i></a>
            <?php endif; ?>

            <?php if (!empty(INSTAGRAM_URL) && INSTAGRAM_URL !== '#'): ?>
            <a target="_blank" rel="noreferrer" href="<?php echo INSTAGRAM_URL; ?>"><i class="fab fa-instagram icon-instagram"></i></a>
            <?php endif; ?>

            <?php if (!empty(TIKTOK_URL) && TIKTOK_URL !== '#'): ?>
            <a target="_blank" rel="noreferrer" href="<?php echo TIKTOK_URL; ?>"><i class="fab fa-tiktok icon-tiktok"></i></a>
            <?php endif; ?>

            <?php if (!empty(YOUTUBE_URL) && YOUTUBE_URL !== '#'): ?>
            <a target="_blank" rel="noreferrer" href="<?php echo YOUTUBE_URL; ?>"><i class="fab fa-youtube icon-youtube"></i></a>
            <?php endif; ?>

            <?php if (!empty(X_URL) && X_URL !== '#'): ?>
            <a target="_blank" rel="noreferrer" href="<?php echo X_URL; ?>"><i class="fab fa-x-twitter icon-x"></i></a>
            <?php endif; ?>
        </div>
    </div>
    <?php endif; ?>
</div>
