{# Header Minimal #}
<header class="header-minimal">
    <div class="container">
        {% set siteName = site.internalName|param(app.request.server.get('REQUEST_URI')) %}
        <div class="minimal-wrapper">
            <a href="{{ path('home'|route(app.request.server.get('REQUEST_URI')), siteName) }}" class="minimal-logo">
                {% if site.logo %}
                    <img src="{{ vich_uploader_asset(site, 'logoFile') }}" alt="{{ site.name }}" height="35"/>
                {% else %}
                    <img src="{{ asset('assets/img/logo_site_default.png') }}" alt="{{ site.name }}" height="35"/>
                {% endif %}
                {% if not site.nameInLogo %}
                    <span class="site-name-minimal-pure">{{ site.name }}</span>
                {% endif %}
            </a>
            <nav><ul>{% for p in site.pages|filter(v => v.displayMenuHeader)|sort((a, b) => a.menuHeaderOrder <=> b.menuHeaderOrder) %}
                {% set param = siteName|merge({'name':p.nameMenuUrl}) %}<li><a href="{{ path('page'|route(app.request.server.get('REQUEST_URI')), param) }}">{{ p.nameMenu }}</a></li>{% endfor %}</ul></nav>
        </div>
    </div>
</header>
<style>.header-minimal{background:#000;padding:0.75rem 0}.minimal-wrapper{display:flex;justify-content:space-between;align-items:center}.minimal-logo{display:flex;align-items:center;gap:0.75rem;text-decoration:none}.site-name-minimal-pure{color:#fff;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.header-minimal nav{flex:1;text-align:center}.header-minimal ul{display:inline-flex;gap:3rem;list-style:none;margin:0}.header-minimal a{color:#fff;text-decoration:none;font-size:0.875rem;text-transform:uppercase;letter-spacing:2px}.header-minimal a:hover{color:#ccc}</style>