<section class="section section-banner section-banner-thumb text-white text-center py-3 py-lg-5"
         style="{% if thumbnail is not null and file_exists(thumbnail.url) %}background-image: url('{{ asset(thumbnail.url) }}');{% endif %}">
    <div class="container ">
        <div class="breadcrumbs">
            <nav aria-label="Fil d'Ariane">
                <ol class="breadcrumb mb-4 p-0 d-flex justify-content-center gap-2">
                    <li><a href="{{ path('app_front_home') }}">{{ 'menu.home'|trans({},'app') }}</a></li>
                    {% for elt in paths %}
                        {% if elt.link is null %}
                            <li aria-current="page">{{ elt.name }}</li>
                        {% else %}
                            <li><a href="{{ elt.link }}">{{ elt.name }}</a></li>
                        {% endif %}
                    {% endfor %}
                </ol>
            </nav>
        </div>
        <h1>{{ title|raw }}</h1>
        {% if subTitle|length > 0 %}
            <p>{{ subTitle|raw }}</p>
        {% endif %}
    </div>
</section>