{% set btnClass = "organize fs16 fw400 lh24 cblue" %}
<article>
{% if app.request.get('page') is defined and app.request.get('page') is not empty %}
{% set page = app.request.get('page') %}
{% else %}
{% set page = 1 %}
{% endif %}
<div id="users">
<div class="dflex fwwrap prelative">
<div class="pabsolute annuaire-select-container">
<label for="elems-number-user">Éléments par page :</label>
{% set elems = 12 %}
<select id="elems-number-user" class="br6">
<option value="12">12</option>
<option value="24">24</option>
<option value="36">36</option>
</select>
</div>
<div class="prelative mr-24px dflex">
<img alt="" src="/resources/img/loupe-icon.svg" class="annuaire-search-icon pabsolute" width="16" height="16">
<input id="search" placeholder="Rechercher" class="br6 shadow-button">
</div>
{% include "filter/annuaire_filter.html.twig" %}
</div>
<div class="nav-usr-btn">
<div class="btn-container dflex">
<button class="{{btnClass}}" data-field="name" title="Afficher par ordre alphabétique croissant">Nom{{ source('svg/double-arrow-icon.html.twig') }}</button>
</div>
<div class="btn-container fs16 fw400 lh24">Territoire</div>
<div class="btn-container fs16 fw400 lh24">Département</div>
<div class="btn-container fs16 fw400 lh24">Thématiques liées</div>
<div class="btn-container dflex">
<button class="{{btnClass}}" data-field="typologieActeur" title="Afficher par ordre alphabétique croissant">Type acteur{{ source('svg/double-arrow-icon.html.twig') }}</button>
</div>
</div>
{% set theme = "" %}
{% if app.request.get('theme') is defined and app.request.get('theme') is not empty %}
{% set theme = app.request.get('theme') %}
{% endif %}
<ul id="list">
{{ render(controller(
'App\\Controller\\Website\\UserController::getUserListAction', {'q': '', 'territoires': '', 'theme': theme, 'typologieActeur': '','page':page,"elems": elems, 'order': 'name', 'step': '1'}
)) }}
</ul>
</div>
</article>