{% if lines is defined and lines|length > 0 %}
<div class="indice-actu">
    <div class="infotraf">
        <div class="tetinfotraf">
            <img class="indice" aria-expanded="true" aria-controls="if-depliant" data-code="all" alt="Tout le réseau" src="/img/indiceslignes/all.png" title="Tout le réseau" role="button" tabindex="1" />
            {% for line in lines %}
                <span class="gravit"><img class="indice" aria-expanded="false" aria-controls="if-depliant" data-code="{{ line.code }}" alt="{{ line.code }}" src="/photos/__IndicesLignes/{{ line.code }}.png" role="button"  tabindex="1" title="{{ line.code }}"/></span>
            {% endfor %}
        </div>
        <div id="if-depliant">
        {% for actu in actus %}
            <div class="actu" data-lines="{% for line in actu.lignes%}{{ line.code }},{% endfor %}" {% if  actu.gravite is not null and actu.gravite.id != 0 %} data-gravite="{{ actu.gravite.id }}" {% endif %}>
                <div class="lien_actu">
                    <h2>{{ actu.titre }}</h2>
                    {% if params.showAgenda is defined and params.showAgenda == true%}
                        {{ actu.agenda|raw }}
                    {% endif %}
                    {% if params.showPlageHoraire is defined and params.showPlageHoraire == true%}
                        {% if actu.plageHoraire is not null %}
                            {% for plagehoraire in actu.plageHoraire %}
                                <div class="date-plage"><span class='picto-horaires2'></span> Entre {{ plagehoraire.horaires.heuredeb }}H{{ plagehoraire.horaires.minutedeb }} et {{ plagehoraire.horaires.heurefin }}H{{ plagehoraire.horaires.minutefin }}</div>
                            {% endfor %}
                        {% endif %}
                    {% endif %}
                    {{ actu.contenu|raw }}
                </div>
            </div>
        {% endfor %}
        </div>
    </div>
</div>
{% else %}
    {% if params.messageNoActus|length > 0 %}
        <div class="well well-info" role="status">
            <p class="text-center">{{ params.messageNoActus }}</p>
        </div>
    {% endif %}
{% endif %}
<script nonce="{{ ContentSecurityPolicyNonceService.nonce }}" type="application/javascript">
    var preselect = "{{ params.preselect|default('') }}";
</script>