{% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}
{% block layout_top_bar %}{% endblock %}
{% block layout_header_navigation %}
<div class="row align-items-center">
<div class="col-md-4 d-none d-md-block">
<div class="{% if theme_config('rhweb-header-activate-language-currency') %}d-flex{% else %}d-none{% endif %}">
<div class="pr-2">
{% if page.header.languages.count > 1 %}
{% sw_include '@Storefront/storefront/layout/header/actions/language-widget.html.twig' %}
{% else %}
{% for language in page.header.languages.elements %}
{{ language.name }}
{% endfor %}
{% endif %}
</div>
<div class="pl-2 rhweb-currencies-container">
{% if page.header.currencies.count > 1 %}
{% sw_include '@Storefront/storefront/layout/header/actions/currency-widget.html.twig' %}
{% else %}
{% for currency in page.header.currencies.elements %}
{{ currency.symbol }} {{ currency.name }}
{% endfor %}
{% endif %}
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 mb-4 mb-sm-0">
<div class="text-center">
{% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="d-flex justify-content-center justify-content-sm-end header-icon-row">
<div class="icon-container d-lg-none">
<a class="nav-main-toggle-btn header-actions-btn icon"
data-offcanvas-menu="true"
aria-label="{{ "general.menuLink"|trans|striptags }}">
<span aria-hidden="true" class="icon-menu icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path d="M27 193.6c-8.2-8.2-12.2-18.6-12.2-31.2s4-23 12.2-31.2S45.6 119 58.2 119h912.4c12.6 0 23 4 31.2 12.2s12.2 18.6 12.2 31.2-4 23-12.2 31.2-18.6 12.2-31.2 12.2H58.2c-12.6 0-23-4-31.2-12.2zm974.8 285.2c8.2 8.2 12.2 18.6 12.2 31.2s-4 23-12.2 31.2-18.6 12.2-31.2 12.2H58.2c-12.6 0-23-4-31.2-12.2S14.8 522.6 14.8 510s4-23 12.2-31.2 18.6-12.2 31.2-12.2h912.4c12.6 0 23 4 31.2 12.2zm0 347.4c8.2 8.2 12.2 18.6 12.2 31.2s-4 23-12.2 31.2-18.6 12.2-31.2 12.2H58.2c-12.6 0-23-4-31.2-12.2S14.8 870 14.8 857.4s4-23 12.2-31.2S45.6 814 58.2 814h912.4c12.6 0 23 4.2 31.2 12.2z"></path></svg></span>
</a>
</div>
<div class="rhweb-search-icon icon-container">
{% if theme_config('rhweb-header-layout-header-search') %}
<a class="search-toggle-btn js-search-toggle-btn collapsed"
data-toggle="collapse"
data-target="#searchCollapse"
aria-expanded="false"
aria-controls="searchCollapse"
aria-label="{{ "header.searchButton"|trans|striptags }}">
<span aria-hidden="true" class="icon-magnifier icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path d="M1014.64 969.04L703.71 656.207c57.952-69.408 92.88-158.704 92.88-256.208 0-220.912-179.088-400-400-400s-400 179.088-400 400 179.088 400 400 400c100.368 0 192.048-37.056 262.288-98.144l310.496 312.448c12.496 12.497 32.769 12.497 45.265 0 12.48-12.496 12.48-32.752 0-45.263zM396.59 736.527c-185.856 0-336.528-150.672-336.528-336.528S210.734 63.471 396.59 63.471c185.856 0 336.528 150.672 336.528 336.528S582.446 736.527 396.59 736.527z"></path></svg></span>
</a>
{% endif %}
</div>
<div class="rhweb-account-icon icon-container position-relative">
<a href="{{ path('frontend.account.home.page') }}" title="Account" class="account-menu-btn header-actions-btn">
<span aria-hidden="true" title="Account" class="icon-user icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path d="M511.728 64c108.672 0 223.92 91.534 223.92 159.854v159.92c0 61.552-25.6 179.312-94.256 233.376a63.99 63.99 0 0 0-23.968 57.809c2.624 22.16 16.592 41.312 36.848 50.625l278.496 132.064c2.176.992 26.688 5.104 26.688 39.344l.032 62.464L64 959.504V894.56c0-25.44 19.088-33.425 26.72-36.945l281.023-132.624c20.16-9.248 34.065-28.32 36.769-50.32 2.72-22-6.16-43.84-23.456-57.712-66.48-53.376-97.456-170.704-97.456-233.185v-159.92C287.615 157.007 404.016 64 511.728 64zm0-64.002c-141.312 0-288.127 117.938-288.127 223.857v159.92c0 69.872 31.888 211.248 121.392 283.088l-281.04 132.64S.001 827.999.001 863.471v96.032c0 35.344 28.64 63.968 63.951 63.968h895.552c35.344 0 63.968-28.624 63.968-63.968v-96.032c0-37.6-63.968-63.968-63.968-63.968L681.008 667.439c88.656-69.776 118.656-206.849 118.656-283.665v-159.92c0-105.92-146.64-223.855-287.936-223.855z"></path></svg></span>
</a>
<div class="dropdown-menu dropdown-menu-right account-menu-dropdown js-account-menu-dropdown"
aria-labelledby="accountWidget">
{% sw_include '@Storefront/storefront/layout/header/account-menu.html.twig' %}
</div>
</div>
{% if config('core.cart.wishlistEnabled') %}
<div class="rhweb-wishlist-icon icon-container position-relative">
<a class="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>
{% endif %}
{% block layout_header_actions_cart %}
<div class="rhweb-bag-icon icon-container position-relative" data-offcanvas-cart="true">
<a href="{{ path('frontend.checkout.cart.page') }}"
data-cart-widget="true"
title="{{ 'checkout.cartTitle'|trans|striptags }}"
aria-label="{{ 'checkout.cartTitle'|trans|striptags }}"
class="header-cart-btn header-actions-btn">
{% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
</a>
</div>
{% endblock %}
</div>
</div>
</div>
{% if theme_config('rhweb-header-layout-header-search') %}
{% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
{% endif %}
{% endblock %}