<div class="splide-photo-evenementsavenir splide events h100" aria-label="En lien avec"> <div class="splide__arrows"> <button class="splide__arrow splide__arrow--prev"> {{ source('svg/left-arrow-icon.html.twig') }} </button> <button class="splide__arrow splide__arrow--next"> {{ source('svg/right-arrow-icon.html.twig') }} </button> </div> <div class="splide__track h100"> <ul class="splide__list mb-3p5em"> {# je récupère l'image, le titre, la date de début, le chapo #} {% for i, hit in hits %} {% set image = hit.document.fields['header_img'].value %} {% if image.id is defined and image.id is not empty %} {# si il y a l'id je vais chercher le media correspondant #} {% set image = sulu_resolve_media(image.id, 'fr') %} {% endif %} {% set title = hit.document.fields['title'].value %} {% set chapo = hit.document.fields['chapo'].value %} {% set url = hit.document.url %} {% set published_date = hit.document.fields['published'].value|date('d/m/Y', 'Europe/Paris') %} <li class="splide__slide dflex jcc"> <div class="preview-container fiche-thematique-nouvelles-ressources dflex fdc"> <div class="img-cont br8"> {% if image is defined and image is not empty and image.url is defined %} <img src="{{ image.url }}" class="br8" loading="lazy"> {% else %} {% include "blocks/previews/img/default-image.html.twig" %} {% endif %} </div> <div class="bottom-cont dflex fdc jcsb h100"> <div class="bottom-left-block h100 dflex fdc jcsb"> <a href={{ url }} class="fw500 lh28 fs24 cblue nodeco title" title="{{ title }}">{{ title }}</a> {% if chapo is defined and chapo is not empty %} <div class="fs20 lh24 mt-8px cblue chapo" title="{{ chapo|striptags }}">{{ chapo|raw }}</div> {% endif %} </div> <div class="bottom-right-block dflex fdc mt-20px"> {% if published_date is defined and published_date is not empty %} <span class="publish-date"> {{ published_date }} </span> <a href={{ url }} class="fw500 lh28 fs24 cwhite nodeco know-more mt-12px">Je lis la suite</a> {% endif %} </div> </div> </div> </li> {% endfor %} </ul> </div></div>