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

{% block base_navigation_inner %}
    <div class="container">
        <div class="row align-items-center">
            <div class="col">
                {{ parent() }}
            </div>
            {% block layout_header_actions %}
                <div class="col-auto">
                    <div class="header-actions-col">
                        <div class="row g-0 justify-content-end align-items-center">
                            {{ block('layout_header_navigation_toggle') }}
                            {{ block('layout_header_search_toggle') }}

                            {% if config('core.cart.wishlistEnabled') %}
                                {{ block('layout_header_actions_wishlist') }}
                            {% endif %}

                            {{ block('layout_header_actions_account') }}
                            {{ block('layout_header_actions_cart') }}
                        </div>
                    </div>
                </div>
            {% endblock %}
        </div>
    </div>
{% endblock %}

{% block layout_header_navigation_toggle_button_icon %}
    <i class="fa-sharp fa-solid fa-bars"></i>
{% endblock %}

{% block layout_header_search_toggle %}
    <div class="col-auto d-sm-none">
        <div class="search-toggle">
            <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
                    type="button"
                    data-bs-toggle="collapse"
                    data-bs-target="#searchCollapse"
                    aria-expanded="false"
                    aria-controls="searchCollapse"
                    aria-label="{{ 'header.searchButton'|trans|striptags }}">
                <i class="fa-kit fa-search"></i>
            </button>
        </div>
    </div>
{% endblock %}
