{% sw_extends '@zenitPlatformHorizon/storefront/layout/header/header.html.twig' %}
{% block layout_header_navigation %}
<div class="nav-header {{ navHeaderClasses|join(' ') }}">
<div class="container">
{# @deprecated @zenit tag:v3.1.0 - Bootstrap v5 #}
<div class="header-row row{% if feature('v6.5.0.0') %} gx-1{% else %} header-gutters{% endif %} align-items-center {{ headerRowClasses }}">
{% block layout_header_logo %}
<div class="header-logo-col col-auto col-md-auto col-lg-2 order-1">
{% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
</div>
{% endblock %}
{% if theme_config('zen-header-style') is same as ('single-line') %}
{% block layout_header_main_navigation %}
<div class="header-nav-col nav-main d-none d-lg-flex col-lg order-lg-3 bg-opacity-100">
{% block layout_header_main_navigation_inner %}
{% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
{% endblock %}
</div>
{% endblock %}
{% endif %}
{% if theme_config('zen-header-style') is same as ('two-line') %}
{% block zen_layout_header_top_bar %}
<div class="header-top-bar-col {{ topBarClasses }}">
<div class="row {{ gridNoGuttersClass }}">
{% block zen_layout_navigation_offcanvas_navigation_action_language %}
{% sw_include '@Storefront/storefront/layout/header/actions/language-widget.html.twig' %}
{% endblock %}
{% block zen_layout_navigation_offcanvas_navigation_action_currency %}
{% sw_include '@Storefront/storefront/layout/header/actions/currency-widget.html.twig' %}
{% endblock %}
{% block zen_layout_navigation_offcanvas_navigation_action_service %}
{% endblock %}
</div>
</div>
{% endblock %}
{% endif %}
{% block layout_header_navigation_toggle %}
<div class="header-menu-button {{ mainNavigationToggleClasses }}"
data-zen-tooltip-title="{{ "general.menuLink"|trans|striptags }}">
{{ block('layout_header_navigation_toggle_button') }}
</div>
{% endblock %}
{% block layout_header_search %}
{% if theme_config('zen-search-style') is not same as('expandable') %}
<div class="header-search-col col-12 col-sm-auto col-lg-4 order-4 order-sm-2 ml-auto ml-lg-0 mr-lg-0">
{% if theme_config('zen-search-style') is same as('overlay') %}
{% block zen_layout_header_search_overlay_close %}
<button class="d-none js-overlay-close"
type="button"
aria-label="Close">
{% block zen_layout_header_search_overlay_close_icon %}
{% sw_icon 'x' style { 'size': 'lg' } %}
{% endblock %}
</button>
{% endblock %}
{% endif %}
{% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
</div>
{% endif %}
{% endblock %}
{% block layout_header_actions %}
<div class="header-actions-col {{ actionClasses }}">
{# @deprecated @zenit tag:v3.1.0 - Bootstrap v5 #}
<div class="row{% if feature('v6.5.0.0') %} gx-1{% else %} no-gutters{% endif %}{% if theme_config('zen-logo-position') is not same as ('right') %} justify-content-end{% endif %}">
{% block layout_header_search_toggle %}
{{ parent() }}
{% endblock %}
{% if config('core.cart.wishlistEnabled') %}
{% block layout_header_actions_wishlist %}
<div class="col-auto">
<div class="header-wishlist"
data-zen-tooltip-title="{{ "header.wishlist"|trans|striptags }}">
<a class="btn header-wishlist-btn header-actions-btn"
href="{{ path('frontend.wishlist.page') }}"
title="{{ 'header.wishlist'|trans|striptags }}"
aria-label="{{ 'header.wishlist'|trans|striptags }}">
{% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}
</a>
</div>
</div>
{% endblock %}
{% endif %}
{% block layout_header_actions_cart %}
<div class="col-auto">
<div class="header-cart"
data-offcanvas-cart="true"
data-zen-tooltip-title="{{ "checkout.cartTitle"|trans|striptags }}">
<a class="btn header-cart-btn header-actions-btn"
href="{{ path('frontend.checkout.cart.page') }}"
data-cart-widget="true"
title="{{ 'checkout.cartTitle'|trans|striptags }}"
aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
{% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
</a>
</div>
</div>
{% endblock %}
{% block layout_header_actions_account %}
{{ parent() }}
{% endblock %}
{% block zen_layout_header_top_bar_toggle %}
{# marketingBannerId is needed for storagekey invalidation #}
{% set marketingBanner = [] %}
{% set marketingBanner = [config('zenitPlatformHorizon.config.marketingActive')]|merge(marketingBanner) %}
{% set marketingBanner = [config('zenitPlatformHorizon.config.marketingText')]|merge(marketingBanner) %}
{% set marketingBanner = [config('zenitPlatformHorizon.config.marketingButtonText')]|merge(marketingBanner) %}
{% set marketingBanner = [config('zenitPlatformHorizon.config.marketingButtonLink')]|merge(marketingBanner) %}
{% set marketingBanner = [config('zenitPlatformHorizon.config.marketingButtonTarget')]|merge(marketingBanner) %}
{% set marketingBannerId = marketingBanner|json_encode()|length %}
{% set collapseTopBarOptions = {
id: topBarStyle ~ '-' ~ marketingBannerId,
type: topBarStyle
} %}
{% if topBarStyle is not same as ('default') and topBarStyle is not same as ('hidden') %}
{% if theme_config('zen-header-style') is not same as ('two-line') or (theme_config('zen-header-style') is same as ('two-line') and config('zenitPlatformHorizon.config.marketingActive')) %}
<div class="col-auto d-none d-lg-block">
<div class="top-bar-toggle"
data-zen-tooltip-title="{{ "zentheme.general.moreLink"|trans|striptags }}">
<button class="btn header-actions-btn top-bar-toggle-btn"
type="button"
aria-label="{{ "zentheme.general.moreLink"|trans|striptags }}"
{% if topBarStyle is same as ('offcanvas') %}
data-offcanvas-top-bar="true"
{% endif %}
{% if topBarStyle is same as ('collapsible') %}
{{ dataBsToggleAttr }}="collapse"
{{ dataBsTargetAttr }}="#topBarCollapse"
aria-expanded="true"
data-zen-collapse-top-bar-options="{{ collapseTopBarOptions|json_encode }}"
{% endif %}
{% if topBarStyle is same as ('expandable') %}
{{ dataBsToggleAttr }}="collapse"
{{ dataBsTargetAttr }}="#topBarCollapse"
aria-expanded="false"
data-zen-collapse-top-bar-options="{{ collapseTopBarOptions|json_encode }}"
{% endif %}>
{% if theme_config('zen-main-navigation-style') is same as ('offcanvas-lg')
or theme_config('zen-main-navigation-style') is same as ('offcanvas-xl')
or theme_config('zen-header-style') is same as ('single-line') and theme_config('zen-logo-position') is same as ('center') and theme_config('zen-header-style-mobile') is same as ('single-line') %}
{% sw_icon 'more-vertical' %}
{% else %}
{% sw_icon 'stack' %}
{% endif %}
</button>
</div>
</div>
{% endif %}
{% endif %}
{% endblock %}
</div>
</div>
{% endblock %}
</div>
</div>
{% block layout_header_search_expandable %}
{% if theme_config('zen-search-style') is same as('expandable') %}
<div class="header-search-col">
{% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
</div>
{% endif %}
{% endblock %}
</div>
{% endblock %}