{% set blEnableInfiniteScroll = oViewConf.getViewThemeParam("blEnableInfiniteScroll") %}
{% set oPageNavigation = oView.getPageNavigation() %}

{% block list_scripts %}
    {% if blEnableInfiniteScroll and oPageNavigation.NrOfPages > 1 %}
        {{ script({ include: "js/vendor-config/c4s-infinitescroll.min.js", priority: 10, dynamic: __oxid_include_dynamic }) }} {# todo #}
    {% endif %}
{% endblock %}

{% set aCatThumbnailsize = oViewConf.getViewThemeParam("sCatThumbnailsize")|split('*') %}

{# Height of the Category Image #}
{% for sCatThumbnailsize in aCatThumbnailsize %}
    {% if loop.last %}
        {% set sCatImgHeight = sCatThumbnailsize %}
    {% endif %}
{% endfor %}

{% set sListType = oView.getListType() %}
{% set oActCategory = oView.getActiveCategory() %}
{% if sListType != "manufacturer" and sListType != "vendor" %}
    {% set oParentCategory = oActCategory.getParentCategory() %}
{% endif %}

{% capture append = "oxidBlock_sidebar" %}
    {% if sListType == "manufacturer" or sListType == "vendor" %}
        {% if oActCategory and oActCategory.getIconUrl() %}
        <div class="c4s-sidebar-category">
            <h4>
                {% if sListType == "manufacturer" %}
                    {{ translate({ ident: "BRAND" }) }}
                {% elseif sListType == "vendor" %}
                    {{ translate({ ident: "VENDOR" }) }}
                {% endif %}
            </h4>
            <div class="c4s-sidebar-category-icon">
                <img src="{{ oActCategory.getIconUrl() }}" alt="{{ oActCategory.getTitle() }}">
            </div>
        </div>
        {% endif %}
    {% endif %}
{% endcapture %}

{# fullwidth category teaser #}
{% if oActCategory.getThumbUrl() %}
    {% set blHideBreadcrumb = true %}

    {% capture append = "oxidBlock_categoryTeaser" %}
        <img src="{{ oActCategory.getThumbUrl() }}" alt="{{ oActCategory.oxcategories__oxtitle.value }}" class="img-fluid w-100 c4s-category-picture">
    {% endcapture %}
{% endif %}

{# fullwidth category header #}
{% capture append = "oxidBlock_categoryHeader" %}
    <div class="row">
        <div class="col-12">
            <h1 class="c4s-category-title">
                {% block page_list_main_category_title %}
                    {{ oView.getTitle()|replace({"&lt;br&gt;": "\n"})|raw }}
                {% endblock %}
            </h1>
        </div>
    </div>
{% endcapture %}

{% capture append = "oxidBlock_content" %}
    {% block page_list_listhead %}
        {% if oActCategory.oxcategories__oxlongdesc.value or oView.hasVisibleSubCats() %}
            <div class="row">
                {% if oActCategory.oxcategories__oxlongdesc.value %}
                    <div class="col-12{% if oView.hasVisibleSubCats() %} col-lg-6{% endif %} mb-4">
                        <div class="c4s-category-description{% if not oView.hasVisibleSubCats() %} no-subcats{% endif %}">
                            {{ include(template_from_string(oActCategory.oxcategories__oxlongdesc)) }}
                        </div>
                    </div>
                {% endif %}

                {% if oView.hasVisibleSubCats() %}
                    <div class="col-12{% if oActCategory.oxcategories__oxlongdesc.value %} col-lg-6{% endif %} mb-4">
                        {% set iSubCategoriesCount = 0 %}
                        {% set blShowSubcatPic = oViewConf.getViewThemeParam("blShowSubcatPic") %}

                        <div class="c4s-subcategory-list">
                            <div class="row">

                                {% for oSubCategory in oView.getSubCatList() %}

                                    {# content categories before actual category (e.g. from visual cms) #}
                                    {% if oSubCategory.getContentCats() %}
                                        {% for oContentCat in oSubCategory.getContentCats() %}
                                            {% set iSubCategoriesCount = iSubCategoriesCount+1 %}
                                            <div class="col-12 col-md-6{% if not oActCategory.oxcategories__oxlongdesc.value or oParentCategory %} col-lg-4{% endif %} mb-3">
                                                {% include "widget/category/content_category_item.html.twig" with {oContentCat: oContentCat, blShowSubcatPic: blShowSubcatPic} %}
                                            </div>
                                        {% endfor %}
                                    {% endif %}

                                    {# actual sub categories (oxcategory) #}
                                    {% if oSubCategory.getIsVisible() %}
                                        {% set iSubCategoriesCount = iSubCategoriesCount+1 %}
                                        <div class="col-12 col-md-6{% if not oActCategory.oxcategories__oxlongdesc.value or oParentCategory %} col-lg-4{% endif %} mb-3">
                                            {% include "widget/category/category_item.html.twig" with {oCategory: oSubCategory, blShowSubcatPic: blShowSubcatPic} %}
                                        </div>
                                    {% endif %}

                                    {% if iSubCategoriesCount % 6 == 0 %}
                                        </div>
                                        <div class="row">
                                    {% endif %}
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                {% endif %}
            </div>
        {% endif %}
    {% endblock %}

    {% block page_list_listbody %}
        {% set oArticleList = oView.getArticleList() %}
        {% if (oParentCategory or sListType == "manufacturer" or sListType == "vendor") and not empty(oArticleList) and oArticleList.count() > 0 %}
            {% include "widget/locator/listlocator.html.twig" with {aAttributes: oView.getAttributes(), iItemsPerPage: 0, blSort: false} %}

            {# List types: grid|line|infogrid #}
            {% include "widget/product/list.html.twig" with {sListType: oView.getListDisplayType(), sListId: "category-articles", oArticles: oView.getArticleList()} %}

            {% include "widget/locator/listlocator.html.twig" with {oPageLocator: oView.getPageNavigationLimitedBottom(), sPosition: "bottom"} %}

{#            {% if blEnableInfiniteScroll %} todo #}
{#                <div class="c4s-list-load-status"> #}
{#                    <p class="infinite-scroll-request" style="display: none">{{ translate({ ident: "C4S_IS_LOADING" }) }} <i class="fa-solid fa-spinner fa-2x fa-spin-pulse"></i></p> #}
{#                    <p class="infinite-scroll-last" style="display: none">{{ translate({ ident: "C4S_IS_END" }) }}</p> #}
{#                    <p class="infinite-scroll-error" style="display: none">{{ translate({ ident: "C4S_IS_ERROR" }) }}</p> #}
{#                </div>#}
{#            {% endif %} #}
        {% endif %}
    {% endblock %}
    {{ insert_tracker() }}
{% endcapture %}
{% include "layout/page.html.twig" with {tree_path: oView.getTreePath(), oParentCategory: oParentCategory, blHideBreadcrumb: blHideBreadcrumb} %}