{% from '@openform_front_templates/_includes/_icons.html.twig' import logo, arrowshow, search, share, accessibility, facebooknav, instagramnav, youtubenav, magnification, contrast, reduction %}
<header class="js-header" style="{{not rootParent.showHeader ? 'display:none' }}">
{# {{not rootParent.showHeader ? 'display:none' }} #}
<div class="header header-mak">
<div class="header__wrapper variant js-menu" data-height="{{ rootParent.headerHeight|default(90) }}" style="{% if background is defined and background %} background: {{background}}; {% else %} background: {{rootParent.headerBackground|default('#FFFFFF') }}; {% endif %}">
{% if version is defined and version == "relictPack" %}
<div class="header-mak__head__exh">
{% if rootParent.isExhibition is defined %}
{% set href = toolkit_route_localizer.generate('exhibition_item', { 'slug': rootParent.Translation[app.request.locale].slug}, app.request.locale) %}
{% endif %}
{% if href is defined %}
<a href="{{href}}">{{rootParent.Translation[app.request.locale].titleHtml|raw}}</a>
{% endif %}
</div>
{% else %}
{% if rootParent.logoVisible is defined and rootParent.logoVisible %}
<a class="header__logo-link" href="{{ toolkit_route_localizer.generate('index', {}, app.request.locale) }}">
{% if openform_front_util.config.headerLogoPath is defined and openform_front_util.config.headerLogoPath %}
<img src="{{openform_front_util.config.headerLogoPath}}" alt="logo" class="js-logo">
{% endif %}
</a>
{% else %}
<div></div>
{% endif %}
{% endif %}
<div class="header-mak__head">
{% if version is defined and version == "relictPack" %}
<div class="header-mak__head__relict">
{% set href = toolkit_route_localizer.generate('relict_pack_item', { 'slug': parentPage.Translation[app.request.locale].slug}, app.request.locale) %}
<a href="{{href}}">{{parentPage.Translation[app.request.locale].titleHtml|raw}}</a>
</div>
{% else %}
{% if rootParent.logo[0] is defined and rootParent.logo[0] %}
{% set imgLogo = openform_front_util.getImagePathByType(rootParent.logo[0].Thumb ?? '','logo') %}
<div class="header-mak__head__logotype">
<img src="{{imgLogo}}" alt="{{rootParent.logo[0].Translation[app.request.locale].alt}}" title="{{rootParent.logo[0].Translation[app.request.locale].title}}" class="js-logo">
</div>
{% endif %}
<div class="header-mak__head__title">
{% if rootParent.isExhibition is defined %}
{% set href = toolkit_route_localizer.generate('exhibition_item', { 'slug': rootParent.Translation[app.request.locale].slug}, app.request.locale) %}
{% elseif rootParent.isMak is defined %}
{% set href = toolkit_route_localizer.generate('mak_item', {'makSlug': rootParent.getMakSlug(app.request.locale), 'slug': rootParent.Translation[app.request.locale].slug}, app.request.locale) %}
{% endif %}
{% if href is defined %}
<a href="{{href}}">{{rootParent.Translation[app.request.locale].titleHtml|raw}}</a>
{% endif %}
</div>
{% endif %}
</div>
<div class="header__container">
{# klasa: variant #}
{% include '@openform_front_templates/_includes/_main-menu.html.twig' with {class:'variant'} %}
<div class="header__buttons">
<button class="header__buttons__button header__buttons__menu" type="button" data-expanded="js-links" aria-expanded="false">
<div class="header__buttons__burger"></div>
</button>
<button
class="header__buttons__button header__buttons__search"
type="button"
aria-expanded="false"
data-dialog="js-header-search"
data-dialogtimeout="1500"
>
{{ search('T_SEARCH_ON_THE_SITE'|trans({}, 'openform_front', app.request.locale)) }}
</button>
<div class="header__expandable">
<button class="header__buttons__button header__buttons__share" type="button" data-expanded="js-share-switcher" aria-expanded="false">
{{share()}}
{{arrowshow()}}
</button>
{% set config = openform_front_util.getConfig() %}
<div class="header__expandable__list header__expandable--share js-share-switcher">
{% if config.linkFacebook %}
<a href="{{ config.linkFacebook }}" class="header__buttons__button header__buttons__share header__expandable__btn">
{{facebooknav()}}
</a>
{% endif %}
{% if config.linkInstagram %}
<a href="{{ config.linkInstagram }}" class="header__buttons__button header__buttons__share header__expandable__btn">
{{instagramnav()}}
</a>
{% endif %}
{% if config.linkYoutube %}
<a href="{{ config.linkYoutube }}" class="header__buttons__button header__buttons__share header__expandable__btn">
{{youtubenav()}}
</a>
{% endif %}
</div>
</div>
<div class="header__expandable">
<button class="header__buttons__button header__buttons__accessibility" type="button" data-expanded="js-accessibility-switcher" aria-expanded="false">
{{accessibility()}}
{{arrowshow()}}
</button>
<div class="header__expandable__list header__expandable--accessibility js-accessibility-switcher">
<button class="header__buttons__button header__buttons__accessibility header__expandable__btn js-contrast-change" type="button">
{{contrast()}}
</button>
<button class="header__buttons__button header__buttons__accessibility header__expandable__btn js-font-resize-plus" type="button">
{{magnification()}}
</button>
<button class="header__buttons__button header__buttons__accessibility header__expandable__btn js-font-resize-minus" type="button">
{{reduction()}}
</button>
</div>
</div>
</div>
</div>
</div>
</div>
{% include '@openform_front_templates/_includes/_search.html.twig' %}
</header>