<div class="mt-4 mx-12 bg-white p-4 rounded">
<h2 class="text-center mt-4 ">{{ moisActuelLettre }} {{ yearActuel }}</h2>
<div class="text-center mt-6 ">
{% for year in years %}
{% if yearActuel == year.annee %}
<span class="text-white border-primary mx-1 p-3 bg-primary">{{ year.annee }}</span>
{% else %}
<span data-year="{{ year.annee }}" data-month="{{ year.mois }}" class="border border-dark mx-1 p-3 cursorPointer changeYearMonth">{{ year.annee }}</span>
{% endif %}
{% endfor %}
</div>
<div class="text-center mt-6 mb-6">
{% for key,mois in moisAll %}
{% if key == moisActuel %}
<span class="text-white border-primary mx-1 p-3 bg-primary">{{ mois.nom }}</span>
{% else %}
{% if mois.evenements %}
<span data-year="{{ yearActuel }}" data-month="{{ key }}" class="border border-dark mx-1 p-3 cursorPointer changeYearMonth">{{ mois.nom }}</span>
{% else %}
<span class="p-3 bg-danger text-white">{{ mois.nom }}</span>
{% endif %}
{% endif %}
{% endfor %}
</div>
</div>
<div class="row mx-0">
{% for evenement in evenements %}
<div class="col-md-6 mt-4">
<div class="p-4 bg-white rounded">
<div class="p-4 taille pr">
<p class="fst-italic">
{% if evenement.singleDay %}
<span>Le {{ evenement.start ? evenement.start|date('d/m/Y') : '' }}</span>
{% else %}
<span>
{% if evenement.end %}
{% set terme = 'Du' %}
{% else %}
{% set terme = 'Le' %}
{% endif %}
{{terme}} {{ evenement.start ? evenement.start|date('d/m/Y') : '' }}
{% if evenement.end %}
au {{ evenement.end|date('d/m/Y') }}
{% endif %}
</span>
{% endif %}
{% if evenement.temps %}
<span>
{% if evenement.timeEnd %}
de {{ evenement.timeStart ? timeFr(evenement.timeStart) }}
{% if evenement.timeEnd %}
à {{ timeFr(evenement.timeEnd) }}
{% endif %}
{% else %}
à partir de {{ evenement.timeStart ? timeFr(evenement.timeStart) }}
{% endif %}
</span>
{% else %}
<span>({{config.horaire}})</span>
{% endif %}
</p>
<h3 class="text-center mt-4 mh60">{{evenement.nom }}</h3>
{% if evenement.description %}
{# {% set strip = evenement.description|raw %} #}
{% set strip = evenement.description|striptags %}
{% set mots = strip|split(' ')|slice(0, config.limitAgenda) %}
<div class="my-4 mx-12 ck bg-white p-4 rounded">{{ mots|join(' ')|raw }}...</div>
{# {{ evenement.description|raw }} #}
{% endif %}
<a class="fixedBasDroit" href="{{ path('agendaFiche', {slug : evenement.slug })}}">
<span class="lien">{{config.linkAgenda}}</span>
{% include "svg/svg-arrow.html.twig" %}
</a>
</div>
</div>
</div>
{% else %}
<h4 class="text-center text-danger fst-italic mt-4">{{ config.messageDefault }}</h4>
{% endfor %}
</div>