{% from '@openform_front_templates/_includes/_icons.html.twig' import logo, arrowshow, search, share, accessibility, facebooknav, instagramnav, youtubenav, magnification, contrast, reduction %}
<header class="js-header">
<div class="header">
{# klasa: variant #}
<div class="header__wrapper js-menu {{ openform_front_util.Config.menuVariant == 1 ? 'variant' : '' }}" data-height="90">
<a class="header__logo-link" href="{{ toolkit_route_localizer.generate('index', {}, app.request.locale) }}">
{# {{ logo('MAIN_PAGE_TITLE'|trans({}, 'openform_front', 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>
{% include '@openform_front_templates/_includes/_main-menu.html.twig' with {class: openform_front_util.Config.menuVariant == 1 ? 'variant' : '', style: style is defined and style ? style : ''} %}
<div class="header__container">
{# klasa: variant #}
{# <div class="header__language-switcher language-switcher">
<button class="language-switcher__button" type="button" data-expanded="js-language-switcher" aria-expanded="false">
<span>{{ app.request.locale }}</span>
{{ arrowdown('CHANGE_LANGUAGE'|trans({}, 'openform_front', app.request.locale)) }}
</button>
<div class="language-switcher__list js-language-switcher">
{% for lang in translator_locale_list|split('|') %}
{% if langLinks is defined and langLinks[lang] is defined %}
{% set href = langLinks[lang] %}
{% elseif lang == 'pl' %}
{% set href = toolkit_route_localizer.generate('index',{}, lang) %}
{% else %}
{% set href = toolkit_route_localizer.generate('index',{ locale : lang }, lang) %}
{% endif %}
<a class="language-switcher__item" {% if lang == app.request.locale %}disabled="disabled"{% endif %}href="{{ href }}">
{{ lang }}
</a>
{% endfor %}
</div>
</div> #}
{# <button
class="header__menu-button"
type="button"
aria-expanded="false"
data-dialog="js-main-menu"
data-dialogtimeout="1500"
aria-label="{{ 'OPEN_MAIN_MENU'|trans({}, 'openform_front', app.request.locale) }}"
>
<span></span>
<span></span>
<span></span>
</button> #}
<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>