{# {{ render_menu("TOP") }} #}
{% if step == 'detail' %}
{% set header_class = 'is-gifts' %}
{% else %}
{% set header_class = 'is-open is-data' %}
{% endif %}
<header class="header-main {{ header_class }}" role="banner">
<div class="header-main--head js-nav-menu"
:class="{'is-menu-scrolled' : menuScrolled, 'is-menu-hidden-mobile' : !menuHidden}" data-color="is-dark">
<a class="header-main--head-logo js-return-page" href="{{ url('home') }}">{% include 'partials/global/svg/artiem.svg.twig' %}</a>
{% if step == 'detail' %}
<button class="header-main--opener js-menu-open">{% include 'partials/global/svg/menu.svg.twig' %}</button>
<button class="header-main--closer js-menu-close">
{% include 'partials/global/svg/close.svg.twig' %}
</button>
{% endif %}
</div>
<div class="header-main--container js-nav-menu"
:class="{'is-menu-scrolled' : menuScrolled, 'is-menu-hidden' : !menuHidden}">
<a class="header-main--logo js-return-page" href="{{ url('home') }}">{% include 'partials/global/svg/artiem-brand.svg.twig' %}</a>
{% if step == 'detail' %}
{{ render_menu('TOP') }}
{% include 'menu/menu_top_secondary.html.twig' %}
{% endif %}
</div>
{% if step == 'detail' %}
<button class="button is-step green js-continue-gifts">
<span>{{ "app.global.continue" | trans }}</span>
</button>
{% elseif step == 'data' %}
<button class="button is-step green js-continue-gifts">
<span>{{ "app.global.book" | trans }}</span>
</button>
{% endif %}
</header>