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

{% block nav %}
	{% include 'layout/navbar.html.twig'%}
{% endblock %}

{% block body %}

	<div class="m-1 row justify-content-end">
		<a href="{{ path('admin_register')}}" class="col-lg-4 col-md btn btn-primary text-white">
			<i class="fas fa-user-plus"></i>
			Ajouter un utilisateur</a>
	</div>
	<div class="table-pagination">
		<table class="table table-striped mb-0 table-hover w-100">
			<thead class="text-grey">
				<tr>
					<th scope="col">Identifiant</th>
					<th scope="col">E-mail</th>
					<th scope="col">masjid</th>
					<th scope="col">Rôle</th>
					<th scope="col">Statut</th>
					<th scope="col">Mot de passe</th>
				</tr>
			</thead>
			<tbody>
			{% for user in users %}				
					<tr>
						<td class="align-middle">{{ user.username }}</td>
						<td class="align-middle">
						<a href="{{ path('admin_change_mail_user' , {id: user.id}) }}">
								<i class="fas fa-user-edit text-info"></i>
								{{ user.email }}
						</a>
						</td>
						<td class="align-middle">
							<a href="{{ path('admin_change_masjid_user' , {id: user.id}) }}">
								<i class="fas fa-user-edit text-info"></i>
								{{ masjids[user.id_masjid] }}</a>
						</td>
						<td class="align-middle">
							<a href="{{ path('admin_change_roles_user' , {id: user.id}) }}">
								<i class="fas fa-user-edit text-info"></i>
								{{ user.roles|join(' | ') }}</a>
						</td>
						<td class="align-middle">
							<a href="{{ path('admin_change_status_user' , {id: user.id}) }}">
								{% if user.status == 'V' %}
									<i class="fas fa-toggle-on text-success"></i>
								{% else %}
									<i class="fas fa-toggle-off text-danger"></i>
								{% endif %}
							</a>
						</td>
						<td class="align-middle">
							<a href="{{ path('change_password_user' , {id: user.id}) }}">
								<i class="fas fa-key"></i> ********
							</a>
						</td>
					</tr>
				{% endfor %}
			</tbody>
		</table>
	</div>
</div>
{% endblock %}