{% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}
{% block layout_header_actions %}
    <div class="header-actions-col {{ actionClasses }}">
        <div class="row no-gutters">
            {% block layout_header_top_bar_language %}
                {% if not context.customer %}
                    <div class="col-auto d-none d-lg-block">
                        {% sw_include '@CogiDetectLocation/storefront/layout/header/actions/country-widget.html.twig' %}
                    </div>
                {% endif %}
            {% endblock %}
            {% block layout_header_search_toggle %}
                <div class="col-auto{% if theme_config('zen-search-style') is same as('default') %} d-sm-none"{% endif %}">
                    <div class="search-toggle">
                        <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
                                type="button"
                                {% if theme_config('zen-search-style') is same as('overlay') %}
                                    data-toggle="overlay"
                                {% else %}
                                    data-toggle="collapse"
                                    data-target="#searchCollapse"
                                    aria-expanded="false"
                                    aria-controls="searchCollapse"
                                {% endif %}
                                aria-label="{{ "header.searchButton"|trans|striptags }}">
                            {% sw_icon 'search' %}
                            {% sw_icon 'x' style { 'class': 'search-close d-none' } %}
                        </button>
                    </div>
                </div>
            {% endblock %}

            {% block layout_header_hotline %}
                <div class="col-auto">
                    <div class="phone-icon">
                        <a class="header-hotline-btn header-actions-btn" href="{{ 'header.hotline'|trans|striptags }}" aria-label="{{ 'header.hotlineLabel'|trans|striptags }}" title="{{ 'header.hotlineLabel'|trans|striptags }}">
                            <svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                <g id="Startseite" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <g id="D-DIAEKO-Startseite-z1-v7" transform="translate(-1093.000000, -16.000000)">
                                        <rect fill="#FFFFFF" x="0" y="0" width="1400" height="9017"></rect>
                                        <g id="Elements-/-Header-DIÄKO-Desktop">
                                            <rect id="bg" fill="#FFFFFF" x="0" y="0" width="1400" height="120"></rect>
                                            <g id="meta" transform="translate(1047.000000, 16.000000)" stroke="#222222" stroke-width="2">
                                                <g id="hilfe" transform="translate(46.000000, 0.000000)">
                                                    <g id="icon" transform="translate(9.000000, 10.000000)">
                                                        <path d="M12.791855,13.7844975 C13.2461579,13.0667754 13.6925461,12.3617189 14.1389343,11.6563986 C14.4389008,11.182227 14.5903351,11.1376332 15.0821008,11.382767 C16.9045888,12.291266 18.7270767,13.2000289 20.5493009,14.1090557 C21.0268201,14.3473289 21.0948864,14.5307174 20.8935896,15.0328591 C20.2896992,16.5400756 19.6860726,18.0475559 19.0808631,19.5542447 C18.91571,19.9653517 18.7766754,20.0505812 18.3498101,19.9753787 C15.0504421,19.3927572 12.0262413,18.1502007 9.34237184,16.1355653 C6.98063007,14.3626332 5.02570307,12.2144803 3.54117213,9.64888753 C2.27693324,7.46352916 1.46646958,5.11694717 1.02351109,2.63790323 C0.950168346,2.22706008 1.03828516,2.08430725 1.43217261,1.92598619 C2.96498312,1.3098534 4.49805745,0.694776078 6.03218708,0.0815458362 C6.44691653,-0.0841635406 6.66272359,-0.00473914189 6.85900775,0.388160957 C7.79452343,2.2603075 8.72819234,4.13298178 9.66001449,6.0069754 C9.84653722,6.38219631 9.78770473,6.57904216 9.42785042,6.80807997 C8.69943565,7.27143294 7.96917413,7.73161949 7.21358561,8.20948522 C8.66540251,10.4808647 10.5082048,12.3377069 12.791855,13.7844975 Z" id="Stroke-1"></path>
                                                    </g>
                                                </g>
                                            </g>
                                        </g>
                                    </g>
                                </g>
                            </svg>
                        </a>
                    </div>
                </div>
            {% endblock %}

            {% if config('core.cart.wishlistEnabled') %}
                {% block layout_header_actions_wishlist %}
                    <div class="col-auto">
                        <div class="header-wishlist">
                            <a class="btn header-wishlist-btn header-actions-btn"
                                href="{{ path('frontend.wishlist.page') }}"
                                title="{{ 'header.wishlist'|trans|striptags }}"
                                aria-label="{{ 'header.wishlist'|trans|striptags }}">
                                {% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}
                            </a>
                        </div>
                    </div>
                {% 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-cart"
                            data-offcanvas-cart="true">
                        <a class="btn header-cart-btn header-actions-btn"
                            href="{{ path('frontend.checkout.cart.page') }}"
                            data-cart-widget="true"
                            title="{{ 'checkout.cartTitle'|trans|striptags }}"
                            aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
                            {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
                        </a>
                    </div>
                </div>
            {% endblock %}

            {% block zen_layout_header_top_bar_toggle %}
                {# marketingBannerId is needed for storagekey invalidation #}
                {% set marketingBanner = [] %}
                {% set marketingBanner = [config('zenitPlatformAtmos.config.marketingActive')]|merge(marketingBanner) %}
                {% set marketingBanner = [config('zenitPlatformAtmos.config.marketingText')]|merge(marketingBanner) %}
                {% set marketingBanner = [config('zenitPlatformAtmos.config.marketingButtonText')]|merge(marketingBanner) %}
                {% set marketingBanner = [config('zenitPlatformAtmos.config.marketingButtonLink')]|merge(marketingBanner) %}
                {% set marketingBanner = [config('zenitPlatformAtmos.config.marketingButtonTarget')]|merge(marketingBanner) %}
                {% set marketingBannerId = marketingBanner|json_encode()|length %}

                {% set zenCollapseTopBarOptions = {
                    id: topBarStyle ~ '-' ~ marketingBannerId,
                    type: topBarStyle
                } %}

                {% if topBarStyle is not same as ('default') and topBarStyle is not same as ('hidden')  %}
                    {% if theme_config('zen-header-style') is not same as ('two-line') or (theme_config('zen-header-style') is same as ('two-line') and config('zenitPlatformAtmos.config.marketingActive')) %}
                        <div class="col-auto d-none d-lg-block">
                            <div class="top-bar-toggle">
                                <button class="btn header-actions-btn top-bar-toggle-btn"
                                        type="button"
                                        aria-label="{{ "zentheme.general.moreLink"|trans|striptags }}"
                                    {% if topBarStyle is same as ('offcanvas') %}
                                        data-offcanvas-top-bar="true"
                                    {% endif %}
                                    {% if topBarStyle is same as ('collapsible') %}
                                        data-toggle="collapse"
                                        data-target="#topBarCollapse"
                                        aria-expanded="true"
                                        data-zen-collapse-top-bar-options="{{ zenCollapseTopBarOptions|json_encode }}"
                                    {% endif %}
                                    {% if topBarStyle is same as ('expandable') %}
                                        data-toggle="collapse"
                                        data-target="#topBarCollapse"
                                        aria-expanded="false"
                                        data-zen-collapse-top-bar-options="{{ zenCollapseTopBarOptions|json_encode }}"
                                    {% endif %}>
                                    {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') or theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
                                        {% sw_icon 'more-vertical' %}
                                    {% else %}
                                        {% sw_icon 'stack' %}
                                    {% endif %}
                                </button>
                            </div>
                        </div>
                    {% endif %}
                {% endif %}
            {% endblock %}
        </div>
    </div>
{% endblock %}