{% trans_default_domain 'front_default' %}

{% if wo_breadcrumbs()|length %}

    {% set website = website() %}
    {% set microDataActive = website.seoConfiguration.microData %}

    <!-- .breadcrumb-container -->
    <div class="breadcrumb-container">
        <div class="container">
            {% if microDataActive %}
                <!-- .breadcrumb -->
                <ol id="{{ listId }}"
                    class="breadcrumb d-none d-md-inline-flex w-100 mb-0 {{ listClass }}"
                    vocab="https://schema.org/"
                    typeof="BreadcrumbList">
                    {% for b in breadcrumbs %}
                        <li class="breadcrumb-item{% if itemClass is defined and itemClass|length %} {{ itemClass }}{% endif %}"
                            property="itemListElement"
                            typeof="ListItem">
                            <a href="{{ app.request.getSchemeAndHttpHost() ~ b.url }}"{% if loop.last %} class="active"{% endif %}
                               property="item"
                               data-position="{{ loop.index }}"
                               typeof="WebPage"
                               data-toggle="preloader">
                                <span property="name"{% if not b.url and not loop.last %} class="text-muted"{% endif %}>
                                    {% if b.translate is defined and b.translate == true %}
                                        {{- b.text|trans(b.translationParameters, translation_domain, locale)|striptags -}}
                                    {% else %}
                                        {{- b.text|striptags -}}
                                    {% endif %}
                                </span>
                            </a>
                            <meta property="position" content="{{ loop.index }}" />
                            {% if separator is not null and not loop.last %}
                                <i class="separator fal fa-chevron-right"></i>
                            {% endif %}
                        </li>
                    {% endfor %}
                </ol>
            {% else %}
                <!-- .breadcrumb -->
                <ol id="{{ listId }}" class="breadcrumb d-none d-md-inline-flex w-100 mb-0 {{ listClass }}">
                    {% for b in breadcrumbs %}
                        <li class="breadcrumb-item{% if itemClass is defined and itemClass|length %} {{ itemClass }}{% endif %}">
                            <a href="{{ app.request.getSchemeAndHttpHost() ~ b.url }}"{% if loop.last %} class="active"{% endif %} data-toggle="preloader">
                                <span{% if not b.url and not loop.last %} class="text-muted"{% endif %}>
                                    {% if b.translate is defined and b.translate == true %}
                                        {{- b.text|trans(b.translationParameters, translation_domain, locale)|striptags -}}
                                    {% else %}
                                        {{- b.text|striptags -}}
                                    {% endif %}
                                </span>
                            </a>
                            {% if separator is not null and not loop.last %}
                                <i class="separator fal fa-chevron-right"></i>
                            {% endif %}
                        </li>
                    {% endfor %}
                </ol>
            {% endif %}
            <!-- \.breadcrumb -->
        </div>
    </div>
    <!-- \.breadcrumb-container -->

{% endif %}