{% capture append = "oxidBlock_pageHeader" %}
    {% block layout_header %}
        {% include "layout/header.html.twig" %}
    {% endblock %}
{% endcapture %}

{% capture append = "oxidBlock_pageBody" %}
    {% if oView.showRDFa() %}
        {% include "rdfa/rdfa.html.twig" %}
    {% endif %}

    {% set sClassName = oView.getClassKey() %}
    {% set blFullwidth = oViewConf.getViewThemeParam("blFullwidthLayout") %}
    {% set blCmsOnlyStartPage = oViewConf.getViewThemeParam("blCmsOnlyStartPage") %}
    {% set oActCategory = oView.getActiveCategory() %}

    {# promoslider #}
    {% if sClassName == "start" and not blCmsOnlyStartPage %}
        {% set oBannerList = oView.getBanners() %}
        {% if not empty(oBannerList) and oBannerList.count() > 0 %}
            <div class="c4s-promo-slider">
                <div class="container{% if blFullwidth %}-fluid{% else %}-lg{% endif %}">
                    {% include "widget/promoslider.html.twig" %}
                </div>
            </div>
        {% endif %}

        <div class="c4s-link-teaser">
            <div class="container{% if blFullwidth %}-fluid{% else %}-lg{% endif %}">
                {% block page_start_link_teaser %}
                    {% include "widget/start/link_teaser.html.twig" %}
                {% endblock %}
            </div>
        </div>
    {% endif %}

    {# root category teaser & header #}
    {% if sClassName == "alist" %}
        {% set blCategoryTeaser = true %}

        {% if not blHideBreadcrumb %}
            <div class="container{% if blFullwidth %}-fluid{% else %}-lg{% endif %}">
                {% block layout_alist_breadcrumb %}
                    {% include "widget/breadcrumb.html.twig" %}
                {% endblock %}
            </div>
        {% endif %}

        {% block page_category_teaser %}
            {% if oxidBlock_categoryTeaser %}
                <div class="c4s-category-teaser">
                    <div class="container{% if blFullwidth %}-fluid{% else %}-lg{% endif %}">
                        {% for _block in oxidBlock_categoryTeaser %}
                            {{ _block|raw }}
                        {% endfor %}
                    </div>
                </div>
            {% endif %}
        {% endblock %}

        {% block page_category_header %}
            {% if oxidBlock_categoryHeader %}
                <div class="c4s-category-header">
                    <div class="container{% if blFullwidth %}-fluid{% else %}-lg{% endif %}">
                        {% for _block in oxidBlock_categoryHeader %}
                            {{ _block|raw }}
                        {% endfor %}
                    </div>
                </div>
            {% endif %}
        {% endblock %}
    {% endif %}

    {# content #}
    <div class="container{% if blFullwidth %}-fluid{% else %}-lg{% endif %}{% if (sClassName == "start" and blCmsOnlyStartPage) or sClassName == "content" %} c4s-vcms{% endif %}">
        {% if not blHideBreadcrumb and not blCategoryTeaser and sClassName != "start" %}
            {% block layout_breadcrumb %}
                {% include "widget/breadcrumb.html.twig" %}
            {% endblock %}
        {% endif %}

        {% block page_title %}
            {% for _block in oxidBlock_title %}
                <div class="row">
                    <div class="col-12">
                        {{ _block|raw }}
                    </div>
                </div>
            {% endfor %}
        {% endblock %}

        <div class="row">
            {% if sidebar and sidebar != "right" %}
                <div class="d-none d-lg-block col-lg-3">
                    <div id="c4s-sidebar">
                        {% include "layout/sidebar.html.twig" %}
                    </div>
                </div>
            {% endif %}

            {% if oxidBlock_content %}
                <div class="col-12 {% if sidebar %}col-lg-9{% endif %}">
                    <div id="c4s-content" class="{% if blCategoryTeaser %}c4s-category-list-content{% else %}c4s-main-content{% endif %}">
                        {% block content_main %}
                            {% for _block in oxidBlock_content %}
                                {{ _block|raw }}
                            {% endfor %}
                        {% endblock %}
                    </div>
                </div>
            {% endif %}

            {% if sidebar and sidebar == "right" %}
                <div class="d-none d-lg-block col-lg-3">
                    <div id="c4s-sidebar">
                        {% include "layout/sidebar.html.twig" %}
                    </div>
                </div>
            {% endif %}
        </div>
    </div>

    {% block page_scroller %}
        <div id="c4s-scroll-top">
            <i class="fa-solid fa-circle-chevron-up fa-2x"></i>
        </div>
    {% endblock %}
{% endcapture %}

{% capture append = "oxidBlock_pageFooter" %}
    {% include "layout/footer.html.twig" %}
{% endcapture %}

{% capture append = "oxidBlock_pageQuicklinks" %}
    {% if oViewConf.getViewThemeParam("blDisplayQuicklinks") %}
        {% block page_quicklinks %}
            {% include "widget/quicklinks/quicklinks.html.twig" %}
        {% endblock %}
    {% endif %}
{% endcapture %}

{% capture append = "oxidBlock_pageModal" %}
    {% block page_modals %}
        {# c4s :: login modal #}
        {% if not oxcmp_user %}
            {% include "modal/login.html.twig" %}
        {% endif %}

        {# c4s :: fullscreen spinner #}
        {% include "modal/spinner.html.twig" %}

        {# c4s :: browser update modal #}
        {% include "modal/browser_update.html.twig" %}

        {# c4s :: error modal #}
        {% include "message/errors.html.twig" %}

        {{ insert_new_basket_item({tpl: "widget/minibasket/minibasketmodal.html.twig", type: "popup"})|raw }}
    {% endblock %}
{% endcapture %}

{% include "layout/base.html.twig" %}