{% sw_extends '@Storefront/storefront/layout/breadcrumb.html.twig' %}

{% block layout_breadcrumb_list %}
    <ol class="breadcrumb"
        itemscope
        itemtype="https://schema.org/BreadcrumbList">
        <li>
            <a href="{{ path('frontend.home.page') }}"
                class="breadcrumb-link">
                <img src="{{ asset('bundles/ddmsxaverbertschtheme/assets/home.png', 'asset') }}" alt="home-icon" style="width:25px;">
            </a>
            {% sw_icon 'arrow-medium-right' style {'pack': 'solid'} %}
        </li>
    
        {% for breadcrumbCategory in breadcrumbCategories %}
            {% set key = breadcrumbCategory.id %}
            {% if breadcrumbCategory.customFields['additional_fields_categories_title'] %}
                {% set name = breadcrumbCategory.customFields['additional_fields_categories_title'] %}
            {% else %}
                {% set name =  breadcrumbCategory.translated.name %}
            {% endif %}
            {% block layout_breadcrumb_list_item %}
                <li class="breadcrumb-item breadcrumbInactive{% if key == breadcrumbKeys|last %} breadcrumbLast{% endif %}"
                    {% if key is same as(categoryId) %}aria-current="page"{% endif %}
                    itemprop="itemListElement"
                    itemscope
                    itemtype="https://schema.org/ListItem">
                    {% if breadcrumbCategory.type == 'folder' %}
                        <div itemprop="name">{{ name }}</div>
                    {% else %}
                        <a href="{{ category_url(breadcrumbCategory) }}"
                            class="breadcrumb-link {% if key is same as(categoryId) %} is-active{% endif %}"
                            title="{{ name }}"
                            {% if category_linknewtab(breadcrumbCategory) %}target="_blank"{% endif %}
                            itemprop="item">
                            <link itemprop="url"
                                href="{{ category_url(breadcrumbCategory) }}"/>
                            <span class="breadcrumb-title" itemprop="name">{{ name }}</span>
                        </a>
                    {% endif %}
                    <meta itemprop="position" content="{{ loop.index }}"/>
                </li>
            {% endblock %}

            {% block layout_breadcrumb_placeholder %}
                {% if key != breadcrumbKeys|last %}
                    <div class="breadcrumb-placeholder breadcrumbInactive">
                        {% sw_icon 'arrow-medium-right' style { 'size': 'fluid', 'pack': 'solid'} %}
                    </div>
                {% endif %}
            {% endblock %}
        {% endfor %}

        {% if category.customFields['additional_fields_categories_title'] %}
            {% set name = category.customFields['additional_fields_categories_title'] %}
        {% else %}
            {% set name =  category.translated.name %}
        {% endif %}
     
    </ol>
{% endblock %}