{% for i, user in request %}
{% set avatar = user.contact.avatar %}
{% set fullname = user.fullName %}
{% set firstname = user.contact.firstName %}
{% set lastname = user.contact.lastName %}
{% set departement = user.contact.departement %}
{% set categories = user.contact.categories %}
{% set type_acteur = user.typologieActeurValue %}
{% set territoire = "" %}
{% if user.contact.territoireInterv is defined and user.contact.territoireInterv is not empty %}
{% set territoire = user.contact.territoireInterv.translations[0].translation %}
{% endif %}
<li class="userListRow" data-id="{{i}}">
<div class="name">
{% if avatar is defined and avatar is not empty %}
{% set newAvatar = sulu_resolve_media(avatar.id, 'fr') %}
{% set avatarUrl = newAvatar.formats['sulu-170x170.webp'] %}
<img alt="{{fullname}}" src="{{avatarUrl}}" class="annuaire-avatar mr-1em" width="{{ newAvatar.fileVersion.properties.width }}" height="{{ newAvatar.fileVersion.properties.height }}" loading="lazy">
{% endif %}
<a href="/user/{{user.contact.id}}" class="nodeco cblue">{{ firstname }} {{ lastname|upper }}</a>
</div>
<div class="territoire">
{% if territoire is defined and territoire is not empty %}
{{ territoire }}
{% endif %}
</div>
<div class="dep">
{% if departement is defined and departement is not empty %}
<div class="department-userlist cwhite fs10">
<span class="dpt">{{ departement.translations[0].translation }}</span>
</div>
{% endif %}
</div>
<div class="thematiques">
<div class="thematique-container dflex fwwrap">
{% include "articles-blocks/thematiques-from-contact.html.twig" %}
</div>
</div>
<div class="typeActeur">
{% if type_acteur is defined and type_acteur is not empty %}
{{type_acteur}}
{% endif %}
</div>
</li>
{% endfor %}
<li>
{% include "blocks/sub-blocks/pagination.html.twig" %}
</li>