{% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}
{% use '@Storefront/storefront/layout/header/top-bar.html.twig' %}
{% block layout_top_bar %}
{#{{ dump(page.product.sortedProperties.elements[0].options.elements) }}#}
{% endblock %}
{% block layout_header_navigation %}
<div class="row align-items-center header-row">
{% block layout_header_logo %}
{{ parent() }}
{% endblock %}
<div class="container col">
<div class="row header-controls">
{% block layout_header_search %}
<div class="col-12 order-2 col-sm order-sm-1 header-search-col">
<div class="row">
<div class="col-sm-auto d-none d-sm-block d-lg-none">
{% block layout_header_navigation_toggle_tablet %}
{{ parent() }}
{% endblock %}
</div>
<div class="col">
{% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
</div>
</div>
</div>
{% endblock %}
{% block layout_header_actions %}
<div class="col-12 order-1 col-sm-auto order-sm-2 header-actions-col">
<div class="row no-gutters">
{% block layout_header_navigation_toggle %}
{{ parent() }}
{% endblock %}
{% block layout_header_search_toggle %}
<div class="col-auto">
<div class="search-toggle">
<button
class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
type="button"
data-toggle="collapse"
data-target="#searchCollapse"
aria-expanded="false"
aria-controls="searchCollapse"
aria-label="{{ "header.searchButton"|trans|striptags }}">
{# {% sw_icon 'search'style {#}
{# 'namespace': 'ATNTheme',#}
{# 'pack': 'wbn',#}
{# 'size': 'lg'#}
{# } %}#}
<i class="icon wbn-icon-search"></i>
</button>
</div>
</div>
{% endblock %}
{% if config('core.cart.wishlistEnabled') %}
{% block layout_header_actions_wishlist %}
{{ parent() }}
{% endblock %}
{% endif %}
{% block layout_header_actions_account %}
<div class="col-auto">
<div class="account-menu">
{% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
</div>
</div>
{% endblock %}
{% block layout_header_actions_cart %}
<div class="col-auto">
<div class="header-contact">
<a data-toggle="modal" class="btn header-contact-btn header-actions-btn"
data-url="{{ path('frontend.cms.page', { id: config('core.basicInformation.contactPage') }) }}"
href="{{ path('frontend.cms.page', { id: config('core.basicInformation.contactPage') }) }}"
title="{{ 'ATNTheme.header.serviceContactLink'|trans|striptags }}">
{# {% sw_icon 'envelope' style {#}
{# 'namespace': 'ATNTheme',#}
{# 'pack': 'wbn',#}
{# 'size': 'md'#}
{# } %}#}
<i class="icon wbn-icon-envelope"></i>
</a>
</div>
</div>
{{ parent() }}
{{ block('layout_header_top_bar_language') }}
{{ block('layout_header_top_bar_currency') }}
{% endblock %}
</div>
</div>
{% endblock %}
<div class="nav-main col-12 order-lg-3">
{% block base_navigation_inner %}
{% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
{% endblock %}
</div>
</div>
</div>
</div>
{% endblock %}
{% block layout_header_navigation_toggle_button_icon %}
<i class="icon wbn-icon-menu"></i>
{% endblock %}
{% block layout_header_navigation_toggle_tablet_button_icon %}
<i class="icon wbn-icon-menu"></i>
{% endblock %}