<header class="header-main" 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>
<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>
</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') }}"><h1>{% include 'partials/global/svg/artiem-brand.svg.twig' %}</h1></a>
{{ render_menu('TOP') }}
{% if isBlog is defined and isBlog %}
{% include 'menu/menu_top_secondary.html.twig' with { isBlog: 'true' } %}
{% else %}
{% include 'menu/menu_top_secondary.html.twig' %}
{% endif %}
</div>
<button class="button header-solid green js-book">
<span>{{ "app.global.book" | trans }}</span>
</button>
{% if hotel is defined and not hotel.isApartment %}
<nav class="hotel-menu js-nav-menu" :class="{'is-menu-hidden' : !menuHidden}">
<ul class="hotel-menu--list">
<li class="hotel-menu--item">
{% set hotelPath = path(hotel) %}
<a class="{{ app.request.pathInfo == hotelPath ? 'active' : '' }}" href="{{ hotelPath }}">
{{ 'app.global.hotel' | trans }}
</a>
</li>
{% if hotel.id != 6 %}
{% set roomsPath = path(hotel, {'type': 'room'}) %}
<li class="hotel-menu--item">
<a href="{{ roomsPath }}" class="{{ app.request.pathInfo == roomsPath ? 'active' : '' }}">
{{ 'app.global.rooms' | trans }}
</a>
</li>
{% endif %}
{% if hotel.id == 6 %}
{% set apartmentsPath = path(hotel, {'type': 'room'}) %}
<li class="hotel-menu--item">
<a href="{{ apartmentsPath }}" class="{{ app.request.pathInfo == apartmentsPath ? 'active' : '' }}">
{{ 'app.global.apartments' | trans }}
</a>
</li>
{% endif %}
{% for experience_menu in hotel.experiences %}
<li class="hotel-menu--item"><a href="{{ url(experience_menu) }}"
class="{% if experience is defined and experience.id == experience_menu.id %}active{% endif %}">{{ experience_menu.menuTitle }}</a>
{% endfor %}
</ul>
</nav>
{% endif %}
</header>