{#
    En-tête « Classique » — le chrome historique d'Izibrick, et celui que reçoit
    un site qui n'a rien choisi.

    Il vit dans le même catalogue que les autres variantes, mais garde ses classes
    `.site-header` / `.nav-menu` : elles sont stylées par `main.css` et animées par
    `main.js`, alors que les autres variantes passent par `site-chrome.css` et
    `site-chrome.js`. Ne pas lui ajouter `site-chrome-header` : les deux socles se
    contrediraient, et l'apparence des sites existants changerait.
#}
<header class="site-header" role="banner">
    <div class="header-container">
        <div class="header-logo">
            <a href="{{ path('home'|route(app.request.server.get('REQUEST_URI')), site.internalName|param(app.request.server.get('REQUEST_URI'))) }}"
               title="{{ site.name }}">
                {% if site.logo %}
                    <img src="{{ vich_uploader_asset(site, 'logoFile') }}" alt="{{ site.name }}" class="logo-img">
                    {% if not site.nameInLogo %}
                        <span class="logo-text">{{ site.name }}</span>
                    {% endif %}
                {% else %}
                    <span class="logo-text">{{ site.name }}</span>
                {% endif %}
            </a>
        </div>

        <nav class="header-nav" aria-label="Navigation principale">
            <button type="button" class="mobile-menu-toggle" aria-label="Ouvrir le menu" aria-expanded="false">
                <span class="hamburger" aria-hidden="true"></span>
            </button>

            <ul class="nav-menu">
                {% for item in site.pages|filter(v => v.displayMenuHeader)|sort((a, b) => a.menuHeaderOrder <=> b.menuHeaderOrder) %}
                    {% set isCurrent = page is defined and page is not empty and page.nameMenuUrl == item.nameMenuUrl %}
                    <li class="nav-item{{ isCurrent ? ' active' : '' }}">
                        <a href="{{ page_url(site, item) }}" class="nav-link"{% if isCurrent %} aria-current="page"{% endif %}>
                            {{ item.nameMenu }}
                        </a>
                    </li>
                {% endfor %}
            </ul>
        </nav>
    </div>
</header>