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

{% set headerStyle = config('SsikMetroLight.config.headerStyle') %}
{% set ssikLogoPosition = config('SsikMetroLight.config.ssikLogoPosition') %}
{% set isAfterLogoShow = config('SsikMetroLight.config.isAfterLogoShow') %}

{% block layout_top_bar %}
    <div class="ssik-top-bar-container">
        <div class="container">
            {{parent()}}
        </div>
    </div>
{% endblock %}

{% block layout_header_navigation %}
    <div class="container ssik-header-container {% if headerStyle == 'metro' %}is-header-inline{% endif %}">
        {{parent()}}
    </div>
{% endblock %}

{% block layout_header_logo %}
    {% if ssikLogoPosition is same as('center') %}
        <div class="col-12 order-2 col-sm order-sm-1 header-logo-col">
            {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
        </div>
    {% else %}
        {{parent()}}

        {% if headerStyle is same as ('shopware') %}
            {% if isAfterLogoShow == 1 %}
                {% sw_include '@Storefront/storefront/ssik/header-after-logo.html.twig' %}
            {% endif %}
        {% endif %}

        {% if headerStyle == 'metro' %}
            {% sw_include '@Storefront/storefront/ssik/header-nav-inline.html.twig' %}
        {% endif %}
    {% endif %}
{% endblock %}

{% block layout_header_search %}
    {% if ssikLogoPosition is same as('center') %}
        <div class=" col-12 col-lg-auto header-search-col">
            <div class="row g-0">
                <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>
    {% else %}
        {{parent()}}
    {% endif %}
{% endblock %}

{% block layout_header_actions_account %}

    {% if headerStyle == 'metro' %}
        <div class="col-auto col-search">
            <button type="button" class="header-actions-btn header-actions-search-btn" data-ssik-search-form="true">
                {% sw_icon 'icon-search' style { 'pack':'line', 'namespace': 'SsikMetroLight', 'class':'ssik md' } %}
            </button>
        </div>
    {% endif %}

    {{parent()}}
{% endblock %}