{% if oViewConf.getTopActionClassName() != "clearcookies" and oViewConf.getTopActionClassName() != "mallstart" %}
    {{ include_widget({ cl: "oxwCookieNote", _parent: oView.getClassKey(), nocookie: 1 }) }}
{% endif %}
{% block header_main %}
    {% set blFullwidth = oViewConf.getViewThemeParam("blFullwidthLayout") %}
    {% set blDisplayServiceMenuIcons = oViewConf.getViewThemeParam("blDisplayServiceMenuIcons") %}
    {% set blDisplayCurrencyMenu = oViewConf.getViewThemeParam("blDisplayCurrencyMenu") %}
    {% set blDisplayLogoutButton = oViewConf.getViewThemeParam("blDisplayLogoutButton") %}
    {% set blCanBuyNotLoggedIn = oViewConf.getViewThemeParam("blCanBuyNotLoggedIn") %}
    {% set blDisplayRegisterLink = oViewConf.getViewThemeParam("blDisplayRegisterLink") %}

    <header id="c4s-header" class="c4s-header">
        <div id="c4s-header-top" class="c4s-header-top">
            {% block layout_header_top %} {# todo: parameter to disable/disshow service menu via backend.. ^^ #}
                <div class="bg-secondary c4s-header-service-menu">
                    <div class="container{% if blFullwidth %}-fluid{% else %}-lg{% endif %}"> {# todo non fullwidth needed? #}
                        <div class="row align-items-center">
                            <div class="col">
                                {% ifcontent ident "c4s_menu_url" set oCont %}
                                    <div class="d-none d-md-block d-float c4s-header-service-menu-url" data-snippet-ident="c4s_menu_url">
                                        {{ include(template_from_string(oCont.oxcontents__oxcontent.value)) }}
                                    </div>
                                {% endifcontent %}
                            </div>
                            <div class="col-auto">
                                <div class="float-end c4s-header-service-menu-services">
                                    <div class="btn-group position-static align-items-center" role="group">

                                        {% block header_service_menu_services %}
                                            <a href="{{ seo_url({ ident: oViewConf.getSslSelfLink()|raw ~ "cl=account" }) }}"
                                               class="btn d-none d-md-inline-block c4s-header-service-btn"
                                            >{{ translate({ ident: "MY_ACCOUNT" }) }}</a>
                                            {% if oViewConf.getShowCompareList() %}
                                                <a href="{{ seo_url({ ident: oViewConf.getSelfLink()|raw ~ "cl=compare" }) }}"
                                                   class="btn d-none d-md-inline-block c4s-header-service-btn"
                                                >{{ translate({ ident: "MY_PRODUCT_COMPARISON" }) }}</a>
                                            {% endif %}
                                            <a href="{{ seo_url({ ident: oViewConf.getSelfLink()|raw ~ "cl=account_noticelist" }) }}"
                                               class="btn d-none d-md-inline-block c4s-header-service-btn"
                                            >{{ translate({ ident: "MY_WISH_LIST" }) }}</a>
                                            {% if oViewConf.getShowWishlist() %}
                                                <a href="{{ seo_url({ ident: oViewConf.getSelfLink()|raw ~ "cl=account_wishlist" }) }}"
                                                   class="btn d-none d-md-inline-block c4s-header-service-btn"
                                                >{{ translate({ ident: "MY_GIFT_REGISTRY" }) }}</a>
                                            {% endif %}
                                            {% if oViewConf.getShowListmania() %}
                                                <a href="{{ seo_url({ ident: oViewConf.getSelfLink()|raw ~ "cl=account_recommlist" }) }}"
                                                   class="btn d-none d-md-inline-block c4s-header-service-btn"
                                                >{{ translate({ ident: "MY_LISTMANIA" }) }}</a>
                                            {% endif %}
                                            {% if oViewConf.isFunctionalityEnabled("blEnableDownloads") %}
                                                <a href="{{ seo_url({ ident: oViewConf.getSelfLink()|raw ~ "cl=account_downloads" }) }}"
                                                   class="btn d-none d-md-inline-block c4s-header-service-btn"
                                                >{{ translate({ ident: "MY_DOWNLOADS" }) }}</a>
                                            {% endif %}
                                        {% endblock %}

                                        {% block layout_page_header_register %}
                                            {% if blDisplayRegisterLink and not oxcmp_user %}
                                                <button id="c4s-header-register-link"
                                                        class="btn c4s-header-service-btn"
                                                        href="{{ seo_url({ ident: oViewConf.getSslSelfLink()|raw ~ "cl=register" }) }}"
                                                        title="{{ translate({ ident: "REGISTER" }) }}"
                                                >
                                                    {% if blDisplayServiceMenuIcons %}<i class="fa-solid fa-pen-to-square"></i>{% endif %} <span class="d-none d-sm-inline-block"> {{ translate({ ident: "REGISTER" }) }}</span>
                                                </button>
                                            {% endif %}
                                        {% endblock %}

                                        {% block dd_layout_page_header_icon_menu_account %}
                                            {% if oxcmp_user or oView.getCompareItemCount() or Errors.loginBoxErrors %}
                                                {% set blAnon = 0 %}
                                                {% set force_sid = oView.getSidForWidget() %}
                                            {% else %}
                                                {% set blAnon = 1 %}
                                            {% endif %}
                                            {# account dropdown #}
                                            {{ include_widget({ cl: "oxwServiceMenu", _parent: oView.getClassKey(), force_sid: force_sid, nocookie: blAnon, _navurlparams: oViewConf.getNavUrlParams(), anid: oViewConf.getActArticleId() }) }}
                                        {% endblock %}

                                        {% block dd_layout_page_header_icon_menu_languages %}
                                            {# language dropdown #}
                                            {{ include_widget({ cl: "oxwLanguageList", lang: oViewConf.getActLanguageId(), _parent: oView.getClassKey(), nocookie: 1, _navurlparams: oViewConf.getNavUrlParams(), anid: oViewConf.getActArticleId() }) }}
                                        {% endblock %}

                                        {% block dd_layout_page_header_icon_menu_currencies %}
                                            {# currency dropdown #}
                                            {% if blDisplayCurrencyMenu %}
                                                {{ include_widget({ cl: "oxwCurrencyList", cur: oViewConf.getActCurrency(), _parent: oView.getClassKey(), nocookie: 1, _navurlparams: oViewConf.getNavUrlParams(), anid: oViewConf.getActArticleId() }) }}
                                            {% endif %}
                                        {% endblock %}

                                        {% block dd_layout_page_header_icon_logout %}
                                            {% if oxcmp_user and blDisplayLogoutButton %}
                                                <button href="{{ oViewConf.getLogoutLink()|raw }}"
                                                        class="btn c4s-header-service-btn"
                                                        title="{{ translate({ ident: "LOGOUT" }) }}"
                                                >
                                                    {% if blDisplayServiceMenuIcons %}<i class="fa-solid fa-arrow-right-from-bracket"></i>{% endif %} <span class="d-none d-sm-inline-block"> {{ translate({ ident: "LOGOUT" }) }}</span>
                                                </button>
                                            {% endif %}
                                        {% endblock %}

                                        {% ifcontent ident "cms_main_faq" set oCont %}
                                            <button
                                                    href="{{ oCont.getLink()|raw }}"
                                                    class="btn c4s-header-service-btn"
                                                    data-bs-toggle="tooltip"
                                                    data-bs-placement="bottom"
                                                    data-bs-container="body"
                                                    data-snippet-ident="c4s_header_servicemenu_faq_tooltip"
                                                    {% ifcontent ident "c4s_header_servicemenu_faq_tooltip" set oCont %}
                                                        title="{{ include(template_from_string(oCont.oxcontents__oxcontent.value)) }}"
                                                    {% endifcontent %}
                                            >
                                                <i class="fa-solid fa-circle-question"></i>
                                            </button>
                                        {% endifcontent %}

                                        <div class="btn-toolbar justify-content-end" role="toolbar">
                                            {% block dd_layout_page_header_icon_menu_minibasket %}
                                                {{ include_widget({ cl: "oxwMiniBasket" }) }}
                                            {% endblock %}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            {% endblock %}

            {% block header_content %}
                <div id="c4s-header-content" class="c4s-header-content">
                    <div class="container{% if blFullwidth %}-fluid{% else %}-lg{% endif %} pt-3 pb-lg-3 c4s-header-content-container"> {# todo non fullwidth needed? #}
                        <div class="row align-items-center">
                            <div class="col-3 col-sm-2 d-lg-none order-1 ps-4 text-start c4s-header-content-menu-icon">
                                <div id="c4s-header-content-menu-btn" class="text-primary c4s-header-content-menu-btn"> {# data-bs-toggle="collapse" data-bs-target=".header-navbar-collapse"> #}
                                    <i class="fa-solid fa-bars" aria-hidden="true"></i>
                                </div>
                            </div>
                            <div class="col-6 col-sm-8 col-lg-3 order-2 text-center text-lg-start c4s-header-content-logo">
                                {% block layout_header_logo %}
                                    {% set sLogoFile = oViewConf.getViewThemeParam("sLogoFile") %}
                                    {% set sLogoWidth = oViewConf.getViewThemeParam("sLogoWidth") %}
                                    {% set sLogoHeight = oViewConf.getViewThemeParam("sLogoHeight") %}
                                    <a href="{{ oViewConf.getHomeLink()|raw }}" title="{{ oxcmp_shop.oxshops__oxtitleprefix.value }}">
                                        {% if not empty(sLogoFile) %}
                                            {% block layout_header_logo_img %}
                                                <img src="{{ oViewConf.getImageUrl("logo/" ~ sLogoFile) }}" alt="{{ oxcmp_shop.oxshops__oxtitleprefix.value }}" class="img-fluid" style="{% if sLogoWidth %}width:{{ sLogoWidth }}px;{% endif %}{% if sLogoHeight %}height:{{ sLogoHeight }}px;{% endif %}">
                                            {% endblock %}
                                        {% else %}
                                            <img src="{{ oViewConf.getImageUrl("logo/logo_426.svg") }}" alt="{{ oxcmp_shop.oxshops__oxname.value }}" class="img-fluid" style="width: 250px; height: 50px;">
                                        {% endif %}
                                    </a>
                                {% endblock %}
                            </div>
                            <div class="col-3 col-sm-2 order-3 order-lg-4 text-end c4s-header-content-icons">
                                <a href="{{ oViewConf.getHomeLink()|raw }}" title="{{ oxcmp_shop.oxshops__oxtitleprefix.value }}">
                                    <img src="{{ oViewConf.getImageUrl("logo/logo_amg.png") }}" alt="{{ oxcmp_shop.oxshops__oxtitleprefix.value }}" class="img-fluid">
                                </a>
                                {#<div class="btn-toolbar justify-content-end" role="toolbar">
                                {% block dd_layout_page_header_icon_menu_minibasket %}
                                    {{ include_widget({ cl: "oxwMiniBasket" }) }}
                                {% endblock %}
                            </div>#}
                            </div>
                            <div class="col-12 col-lg-7 order-4 order-lg-3 py-3 py-lg-0 px-lg-5 c4s-header-content-search">
                                {% include "widget/header/search.html.twig" %}
                            </div>
                        </div>
                    </div>
                </div>
            {% endblock %}
        </div>

        {% block layout_header_bottom %}
            {{ include_widget({ cl: "oxwCategoryTree", cnid: oView.getCategoryId(), sWidgetType: "header", _parent: oView.getClassKey(), nocookie: 1 }) }}
        {% endblock %}
    </header>
{% endblock %}

{{ insert_new_basket_item({tpl: "widget/minibasket/newbasketitemmsg.html.twig", type: "message"})|raw }}