{% sw_extends '@Storefront/storefront/utilities/offcanvas.html.twig' %}
{% block utilities_offcanvas_close %}
<div class="offcanvas-navigation-top-actions-wrapper sticky-top d-flex">
<a class="nav-item nav-link is-back-link navigation-offcanvas-link offcanvas-master-back-link col-1"
href="#"
itemprop="url"
title="{{ "general.back"|trans|striptags }}">
{% block layout_navigation_offcanvas_navigation_category_back_link_text %}
<span class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
{% block layout_utilities_offcanvas_close_icon %}
{% sw_icon 'arrow_s_elongated' style { 'pack':'globus_icons', 'color': 'transparent' } %}
{% endblock %}
</span>
<span itemprop="name"></span>
{% endblock %}
</a>
<div class="header-search header-search-col col-10">
<form action="{{ path('frontend.search.page') }}"
method="get"
data-offcanvas-search-form="true"
data-url="{{ path('frontend.search.suggest') }}?search="
class="header-search-form">
{% block layout_header_search_offcanvas_input_group %}
<div class="input-group">
{% block layout_header_search_offcanvas_input %}
<input type="search"
name="search"
class="form-control header-search-input"
autocomplete="off"
autocapitalize="off"
placeholder="{{ "header.searchPlaceholder"|trans|striptags }}"
aria-label="{{ "header.searchPlaceholder"|trans|striptags }}"
value="{{ page.searchTerm }}" />
{% endblock %}
{% block layout_header_search_offcanvas_button %}
<div class="input-group-append">
<button type="submit"
class="btn header-search-btn"
aria-label="{{ "header.searchButton"|trans|striptags }}">
<span class="header-search-icon">
{% sw_icon 'search' style {'pack' : 'globus_icons'} %}
</span>
</button>
<button class="btn header-search-btn btn-clear-search d-none js-clear-search">
<span class="header-search-icon d-flex">
{% sw_icon 'x' style { 'size': 'sm' } %}
</span>
</button>
</div>
{% endblock %}
</div>
{% endblock %}
</form>
</div>
<button class="btn btn-light btn-block offcanvas-close js-offcanvas-close col-1">
{% block utilities_offcanvas_close_icon %}
{% sw_icon 'close_m' style { 'pack' : 'globus_icons' } %}
{% endblock %}
</button>
</div>
{% endblock %}
{% block utilities_offcanvas_content_container %}
{% block utilities_offcanvas_content %}
{% block layout_navigation_offcanvas_navigation_actions %}
{% endblock %}
{% sw_include '@Storefront/storefront/layout/navigation/offcanvas/categories-initial.html.twig' with { navigation: navigation } %}
{% endblock %}
<div class="offcanvas-navigation-bottom-actions-wrapper sticky-bottom d-flex">
<div class="navigation-market">
<a data-store-locator="true" class="market-selection-trigger" href="#"
{% if page.ianeoCurrentStore %}data-store-locator-type="activeStore" data-active-store="{{ page.ianeoCurrentStore }}"{% endif %}>
{% sw_icon 'map-pin' style {'pack' : 'globus_icons'} %}
{{ "general.marketLabel"|trans|sw_sanitize }}
{% if page.ianeoCurrentStore %}
{% sw_icon 'icon_check-circle_s' style {'pack' : 'globus_icons', 'color': 'transparent'} %}
{% endif %}
</a>
</div>
{% block layout_navigation_offcanvas_navigation_action_language %}
{% sw_include '@Storefront/storefront/layout/header/actions/language-widget.html.twig' with {position: 'offcanvas'} %}
{% endblock %}
</div>
{% endblock %}