{% sw_extends '@Storefront/storefront/block/cms-block-text.html.twig'%}
{% block block_text %}
    {% if block.name == 'home_hero' %}
        <div class="xps-home-hero-row">
            {% sw_include '@DdmsXaverBertschTheme/storefront/component/homepage/category-sidebar.html.twig' %}
            <div class="xps-home-hero-slot">
                {{ parent() }}
            </div>
        </div>
    {% elseif block.name == 'category_heading' %}
        {{parent()}}
        {# SW 6.7: page.header is ESI-only; fall back to navigation loader #}
        {% set navTree = page.header.navigation.tree|default([]) %}
        {% if navTree is empty %}
            {% set navTree = dd_main_navigation_tree(context) %}
        {% endif %}
        <div class="dd-parent-category-list row" id="Produkte">
            {% for tree in navTree %}
                {% if tree.category.customFields['additional_fields_categories_title'] %}
                    {% set name = tree.category.customFields['additional_fields_categories_title']%}
                {% else %}
                    {% set name = tree.category.translated.name %}
                {% endif %}
                <div class="col-sm-4">
                    <a href="{{ category_url(tree.category) }}">
                        <div class="category-image">
                            {% if tree.category.media %}
                                <img src="{{tree.category.media.url}}" alt="{{name}}"/>
                            {% else %}
                                <svg xmlns="http://www.w3.org/2000/svg" width="250px" height="251" viewBox="0 0 552 383">
                                <g fill="none" fill-rule="evenodd" opacity=".65">
                                    <rect width="333.061" height="499.591" x="84.659" y="-82.663" fill="#E9EBF2" fill-rule="nonzero" transform="rotate(-89.862 251.19 167.132)"></rect>
                                    <g transform="translate(51 49)">
                                    <rect width="333.06" height="499.59" x="83.983" y="-83.234" fill="#DADDE5" fill-rule="nonzero" transform="rotate(-90 250.513 166.561)"></rect>
                                    <polygon fill="#E9EBF2" points="137.18 333.1 500.31 333.1 500.31 302.36 322.15 110.42"></polygon>
                                    <circle cx="113.04" cy="65.68" r="35.9" fill="#F5F7FC"></circle>
                                    <polygon fill="#F5F7FC" points="219.88 157.3 73.85 333.1 383.05 333.1"></polygon>
                                    </g>
                                </g>
                                </svg>
                            {% endif %}
                        </div>
                    </a>
                    <div class="category-name">
                        <a href="{{ category_url(tree.category) }}">{{name}}<span>
                            {% sw_icon 'arrow-medium-right' style {'pack': 'solid'} %}
                        </span></a>
                    </div>
                </div>
            {% endfor %}
        </div>
    {% elseif block.name == 'Theme_Category_Product_Detail_Tags' %}
        {% block cms_product_tags %}
            {{ category }}
            <ul class="ddms-product-detail-tags">
                {% for tree in page.header.navigation.tree %}
                    {% if tree.category.customFields['additional_fields_categories_title'] %}
                        {% set name = tree.category.customFields['additional_fields_categories_title']%}
                    {% else %}
                        {% set name = tree.category.translated.name %}
                    {% endif %}
                    <li>
                        <a href="{{ category_url(tree.category) }}"{% if page.header.navigation.active.breadcrumb[1] == name %} class="active"{% endif %}>
                            {{name}}
                        </a>
                    </li>
                {% endfor %}
            </ul>
        {% endblock %}
    {% elseif block.name == 'Theme_Category_Product_Detail_Tabs' %}
        {# Legacy tabs replaced by new Figma-styled sections in Theme_product_detail_properties #}

    {% elseif block.name == 'Theme_Category_Product_List_BreadCrumb' %}
        {% block cms_breadcrumb %}
            {# Breadcrumb is rendered inside the XPS category hero #}
        {% endblock %}
    {% elseif block.name == 'Theme_Category_Product_List_Name_Description'
        or (block.cssClass is defined and 'name-description' in block.cssClass) %}
        {% block category_name_description %}
            {% set category = page.category|default(null) %}
            {% if category is empty and page.header.navigation.active is defined %}
                {% set category = page.header.navigation.active %}
            {% endif %}
            {% set childTree = category ? dd_category_children(category.id, context) : [] %}
            {% sw_include '@DdmsXaverBertschTheme/storefront/component/category/category-hero.html.twig' with {
                showSubcategoryCta: childTree|length > 0
            } %}
        {% endblock %}
    {% elseif block.name == 'Theme_Category_Product_List_custom_text' %}
        {# Mis-seeded CMS placeholder — hero is rendered via name-description cssClass above #}
    {% elseif block.name == 'Theme_Category_View_SubCategory' %}
        {% block category_sub_category %}
            {% sw_include '@DdmsXaverBertschTheme/storefront/component/category/subcategory-picker.html.twig' %}
        {% endblock %}
    {% else %}
        {{parent()}}
    {% endif %}
   
{% endblock %}