{% extends 'base.html.twig' %}

{% block title %}Liste des utilisateurs
{% endblock %}

{% block body %}

	<div class="wrapper-table">
		<h1>Liste des utilisateurs</h1>
		<a href="{{path("utilisateurs_creer-utilisateur")}}" class="btn">
			<i class="fa-solid fa-circle-plus"></i>Créer un utilisateur</a>
		{% if utilisateurs %}

			<table>
				<thead>

					<tr>
						<th>Nom</th>
						<th>Email</th>
						<th>Rôles</th>
						<th>Vérifié</th>
						<th colspan="2"></th>

					</tr>

				</thead>
				<tbody>
					{% for u in utilisateurs %}
						<tr>
							<td class="data-label" name="data-label">
								<strong>{{u.nom}}</strong>&nbsp;{{u.prenom}}</td>
							<td>{{u.email}}</td>
							{% if u.roles %}
								<td class="roles">
									{% for role in u.roles %}
										{{role}}

									{% endfor %}
								</td>
							{% endif %}
							<td class="isverified"><input type="checkbox" name="isverified" id="input-isverified" {{u.isverified ?'checked':''}} disabled></td>

							<td>
								<a href="{{path('utilisateurs_modifier-utilisateur',{id:u.id})}}">
									<i class="fa-regular fa-pen-to-square"></i>
								</a>
							</td>

							<td>
								<a href="{{path('utilisateurs_supprimer-utilisateur',{id:u.id})}}">
									<i class="fa-regular fa-trash-can"></i>
								</a>
							</td>
						</tr>
					{% endfor %}
				</tbody>
			</table>


		{% else %}
			<p>Aucun utilisateur n'est encore enregistré dans la base.</p>
		{% endif %}
	</div>

{% endblock %}