<div class="mb-4">
    <div class="row scroll_indice">
    <div class="col-12 col-lg-2 order-1 order-lg-1 d-flex flex-column justify-content-center">
        <div class="d-flex flex-column justify-content-center px-0 py-2 text-left">
            <h3 class="h4 mb-0">{{ typeActu }}</h3>
            <small class="text-muted d-none d-md-block">{{ 'label.widget.choose_line'|trans }}</small>
            <a href="{{ urlObjet }}" class="btn btn-warning all_info">{{ 'label.widget.all_the'|trans }} {{ typeActu }}...</a>
        </div>
    </div>
    <div class="col-lg-10 d-flex flex-column justify-content-center order-3 order-lg-2 mt-2 mt-sm-0">
        <div class="nav-scroller nav-scroller--expand nav-scroller--demo-expand  px-0">
            <nav class="nav-scroller-nav">
                <div class="nav-scroller-content">
                    {% if affichage.withIndice == "true" and lines is not empty %}
                        {% for line in lines %}
                            {% if  affichage.withTitreAccroche == "false" and affichage.withPhraseAccroche == "false" %}
                                <a href="{{ line.urlIndice }}" class="nav-scroller-item pr-2" title="Afficher les infos trafics de la ligne {{ line.code }}"><img class="indice-line" data-code="{{ line.code }}" src="/photos/__IndicesLignes/{{ line.code }}.png" alt="ligne {{ line.code }}"></a>
                            {% else %}
                                <span class="gravit"><img class="indice-line" data-code="{{ line.code }}" src="/photos/__IndicesLignes/{{ line.code }}.png" alt="Ligne {{ line.code }}"></span>
                            {% endif %}
                        {% endfor %}
                    {% else %}
                        <p class="nav-scroller-item pr-2" >{{ 'label.widget.pas_de_perturb'|trans }}</p>
                    {% endif %}
                </div>
            </nav>
            <button class="nav-scroller-btn nav-scroller-btn--left" aria-label="Scroll left">
            <span class="picto-arrow-left"></span><span class="sr-only">{{ 'label.precedent'|trans }}</span>
            </button>
            <button class="nav-scroller-btn nav-scroller-btn--right active" aria-label="Scroll right">
            <span class="picto-arrow-right"></span><span class="sr-only">{{ 'label.suivant'|trans }}</span>
            </button>
        </div>
    </div>
</div>
</div>
<script nonce="{{ ContentSecurityPolicyNonceService.nonce }}" type="application/javascript">
var preselect = "{{ preselect|default('undefined') }}";
</script>