{% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}

{% set contactPhone = 'ssik.topbar.contact.phone' %}
{% set contactText = 'ssik.topbar.contact.text' %}

{% block layout_top_bar %}
    {% if ssik.config.hiddenTopBar == 0 %}
        <div class="ssik-top-bar-container">
            <div class="container">
                {{parent()}}
            </div>
        </div>
    {% endif %}
{% endblock %}

{% block layout_header_navigation %}
    <div class="container ssik-header-container">
        {{parent()}}
    </div>
{% endblock %}

{% block layout_header_logo %}
    {{parent()}}

    {% if ssik.config.isInfoColShow is empty %}
        {% sw_include '@Storefront/storefront/ssik/header-info-col.html.twig' with {
            asDropdown: true
        } %}
    {% endif %}
{% endblock %}


{% block layout_header_navigation_toggle %}
    {% block ssik_layout_header_search_toggle_button %}
        <button class="btn nav-main-toggle-btn header-actions-btn"
            type="button"
            data-offcanvas-menu="true"
            aria-label="{{ "ssik.header.menu"|trans|striptags }}">
                {% sw_icon 'stack' %}
                <span class="text">{{ "ssik.header.menu"|trans|striptags }}</span>
        </button>
        <button class="btn header-actions-btn header-search-open-btn js-search-open-btn" type="button">
            {% block ssik_layout_header_search_toggle_button_icon %}
                {% sw_icon 'icon-search-open' style { 'pack':'custom', 'namespace': 'SsikLibertyTheme', 'class':'ssik md' } %}
            {% endblock %}
        </button>
    {% endblock %}
    {{parent()}}
{% endblock %}