{% block widget_sidebar_categorytree %}
    {% if oxcmp_categories %}
        {% set aRootCategories = oxcmp_categories %}
        {% set oActCategory = oxcmp_categories.getClickCat() %}
        {% if aRootCategories %}
            {% set deepLevel = oView.getDeepLevel() %}
            <div class="card{% if oViewConf.getTopActionClassName() == "start" %} my-4{% endif %}">
                <div class="card-body">
                    {% block widget_sidebar_categorytree_inner %}
                        <h4 class="card-title">{{ translate({ ident: "SIDEBAR_CATEGORYTREE" }) }}</h4>
                        <ul class="nav flex-column c4s-sidebar-category-tree">
                            {% block widget_sidebar_categorytree_list %}
                                {% macro tree(aCategories) %}
                                    {% set deepLevel = deepLevel+1 %}
                                    {% set oContentCat = oView.getContentCategory() %}
                                    {% for oCategory in aCategories %}
                                        {% if oCategory.getIsVisible() %}
                                            {# CMS category #}
                                            {% if oCategory.getContentCats() and deepLevel > 1 %}
                                                {% for oContentCategory in oCategory.getContentCats() %}
                                                    <li class="nav-item{% if oContentCat and oContentCat.getId() == oContentCategory.getId() %} active {% else %} end {% endif %}" >
                                                        <a href="{{ oContentCategory.getLink()|raw }}" class="nav-link" title="{{ oContentCategory.oxcontents__oxtitle.value }}"><i></i>{{ oContentCategory.oxcontents__oxtitle.value }}</a>
                                                    </li>
                                                {% endfor %}
                                            {% endif %}

                                            {# subcategories #}
                                            {% set oSubCats = oCategory.getSubCats() %}
                                            <li class="nav-item{% if not oContentCat and oActCategory and oActCategory.getId() == oCategory.getId() %} active{% elseif oCategory.expanded %} exp{% endif %}{% if not oCategory.hasVisibleSubCats %} end{% endif %}">
                                                <a href="{{ oCategory.getLink()|raw }}" class="nav-link" title="{{ oCategory.oxcategories__oxtitle.value }}">
                                                    <i class="fa-solid fa-caret-{% if oCategory.expanded and oSubCats %}down{% else %}right{% endif %}"></i> {{ oCategory.oxcategories__oxtitle.value }} {% if oView.showCategoryArticlesCount() and (oCategory.getNrOfArticles() > 0) %} ({{ oCategory.getNrOfArticles() }}){% endif %}
                                                </a>
                                                {% if oSubCats and oCategory.expanded %}
                                                    <ul class="nav flex-column ms-3 c4s-sidebar-category-tree subtree">{% import _self as self %}{{ self.tree(oSubCats) }}</ul>
                                                {% endif %}
                                            </li>
                                        {% endif %}
                                    {% endfor %}
                                {% endmacro %}{% import _self as self %}{{ self.tree(aRootCategories) }}
                            {% endblock %}
                        </ul>
                    {% endblock %}
                </div>
            </div>
        {% endif %}
    {% endif %}
{% endblock %}