<div class="splide-photo splide" aria-label="En lien avec">
<div class="splide__track">
<ul class="splide__list">
{% if request|length > 0 %}
{% for i, user in request %}
<li class="splide__slide acteur-slide">
<div class="preview-container br8 dflex fdc p-half-em">
{% if user.avatar is defined and user.avatar is not empty %}
<div class="dflex jcc aic mb-20px">
{% set media = sulu_resolve_media(user.avatar.id, 'fr') %}
<img class="frame-team-pic" src="{{ media.formats['sulu-100x100.webp'] }}" title="{{ media.title }}" alt="{{ media | copyright_or_description_or_title }}" width="100" height="100">
</div>
{% endif %}
<div class="mb-8px frame-team-name cdarkblue fs36 fw400 lh40 tac">{{ user.firstName }}
{{ user.middleName }}
{{ user.lastName }}
</div>
<div class="preview-content dflex fdc mb-40px">
{% set categories = user.categories %}
{% include "blocks/previews-from-controller/blocks/categoriesActeur.html.twig" %}
</div>
{% if user.territoireIntervention.name is defined and user.territoireIntervention.name is not empty %}
<div class="dflex" style="min-height: 243px;">
<div class="dflex fdc ais icon-acteur-territoire">
<div class="dflex aic mb-10px">
<img src="/resources/img/location-icon.svg" alt="Location" class="pr1em" width="21" height="20">
<div class="fs16 fw400 lh24">{{ user.territoireIntervention.name }}</div>
</div>
{% if user.typologieActeur is defined and user.typologieActeur is not empty %}
<div class="dflex aic">
<img src="/resources/img/user-offre-icon.svg" alt="Profil" class="pr1em" width="17" height="19">
<div class="fs16 fw400 lh24">{{ user.typologieActeur.name }}</div>
</div>
{% endif %}
</div>
</div>
{% endif %}
</div>
</li>
{% endfor %}
{% else %}
<div>Aucun acteur identifié sur ce territoire</div>
{% endif %}
</ul>
</div>
</div>