{# Affiche le header #}
<header id="header" class="{{ document.property('header-white') ? "apk-header-white" : "" }}">
<div class="apk-header">
<div class="apk-header-desktop uk-visible@m">
<div class="uk-container apk-container-1500 uk-position-relative">
<div class="uk-width-auto">
<div class="uk-flex-center" uk-navbar>
{% include "includes/main-nav.html.twig" %}
</div>
{% if document.property('no-switcher') == true %}
{% else %}
<div class="apk-hexagone">
{{ get_language_switcher_html(document, 'dropdown', 'code')|raw }}
<a href="/{{ app.request.locale }}">
<img uk-svg width="250" height="250" src="/static/img/headers/hexagone.svg" alt="" aria-hidden="true">
{% if document.property('header-white') %}
<img class="apk-logo" src="{{ document.property('headerLogo').thumbnail('header-logo') }}" alt="{{ "Your website name"|trans }}">
{% else %}
<img class="apk-logo" src="{{ document.property('headerLogoDark').thumbnail('header-logo') }}" alt="{{ "Your website name"|trans }}">
{% endif %}
</a>
</div>
{% endif %}
</div>
</div>
</div>
<div class="apk-header-mobile uk-hidden@m">
<div class="uk-container">
<div uk-navbar>
<div class="uk-navbar-left">
<a href="/{{ app.request.locale }}">
{% if document.property('header-white') %}
<img class="apk-logo" src="{{ document.property('headerLogo').thumbnail('header-logo') }}" alt="{{ "Your website name"|trans }}">
{% else %}
<img class="apk-logo" src="{{ document.property('headerLogoDark').thumbnail('header-logo') }}" alt="{{ "Your website name"|trans }}">
{% endif %}
</a>
</div>
<div class="uk-navbar-right">
<a href="#menu-mobile" uk-toggle>
<img uk-svg src="/static/img/pictos/menu-burger.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</header>
{% include "includes/offcanvas.html.twig" %}