{% if hits|length > 0 and hits != "Aucune fiche experience trouvée." %}
<div class="splide-photo splide" aria-label="En lien avec">
<div class="splide__track">
<ul class="splide__list mb-3p5em">
{% for i, experience in hits %}
<li class="splide__slide acteur-slide">
<div class="preview-container br8 dflex fdc">
<div class="preview-header">
{% if experience.document.fields.header_img.value.id is defined and experience.document.fields.header_img.value.id is not empty %}
{% set img = sulu_resolve_media(experience.document.fields.header_img.value.id, 'fr') %}
{% include "blocks/previews/img/image.html.twig" %}
{% else %}
{% include "blocks/previews/img/default-image.html.twig" %}
{% endif %}
<p class="fs14 lh20 dflex aic">
Expériences
</p>
</div>
<div class="preview-contentdflex fdc">
{% if experience.document.excerptCategories is defined and experience.document.fields.excerptCategories is not empty %}
{% set categories = experience.fields.document.excerptCategories %}
{% include "blocks/previews-from-controller/blocks/categories.html.twig" %}
{% endif %}
<a href="{{ sulu_content_path(experience.document.url) }}" class="cblue nodeco">
<div class="fw500 fs20 preview-h3 lh28 mt-8px">
{{ experience.document.title }}
</div>
</a>
{% if experience.document.fields.departement.value is defined and experience.document.fields.departement.value is not empty %}
<div class="departement cwhite fs10">
<span class="dpt">{{ experience.document.fields.departement.value }}</span>
</div>
{% endif %}
<div class="mta">
{% if experience.document.fields.authored.value is defined and experience.document.fields.authored.value is not empty %}
<span class="cgrey fs14 lh20">Publié le
{{ experience.document.fields.authored.value|format_datetime('short', 'none', locale='fr') }}
</span>
{% endif %}
</div>
</div>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
{% else %}
<div>Aucune expérience identifiée sur ce territoire</div>
{% endif %}