{# On étend notre layout #}
{% extends "layout.html.twig" %}

{% block body %}
<div class="container">
    <div class="">
		
		<div id="toolbar">
			<a href="{{ path('app_register') }}" class="btn btn-info" role="button">
				<i class="bi bi-plus" ></i>  Ajout
			</a>
		</div>
		<table class="table" data-toggle="table"
			   				data-toolbar="#toolbar"
							data-pagination="true" data-page-size="20" 
							data-search="true" data-trim-on-search="false"
							data-locale="fr-FR">
			<thead>
				<tr>
					<th>Nom</th>
					<th>Prénom</th>
					<th>Groupe</th>
					<th>Mail</th>
					<th>Téléphone</th>
					<th>Rôle</th>
					<th></th>
				<tr>
			</thead>
			<tbody>
				{% for membre in listMembres %}
					<tr>
						<td>{{ membre.nom }}</td>
						<td>{{ membre.prenom }}</td>
						<td>{{ membre.groupe.nom }}</td>
						<td>{{ membre.email }}</td>
						<td>{{ membre.telephone }}</td>
						{%if 'ROLE_SUPER_ADMIN' in app.user.roles %}
							<td><a href="{{ path('app_edit_user_roles',{'id': membre.id}) }}">
								{%if 'ROLE_SUPER_ADMIN' in membre.roles %}
									Super Admin
								{%elseif 'ROLE_ADMIN' in membre.roles %}
									Admin
								{%elseif 'ROLE_MODERATOR' in membre.roles %}
									Editeur
								{%else%}
									Utilisateur
								{%endif%}
							</a></td>
						{%else%}
							{%if 'ROLE_SUPER_ADMIN' not in membre.roles %}
							<td><a href="{{ path('app_edit_user_roles',{'id': membre.id}) }}">
								{%if 'ROLE_ADMIN' in membre.roles %}
									Admin
								{%elseif 'ROLE_MODERATOR' in membre.roles %}
									Editeur
								{%else%}
									Utilisateur
								{%endif%}
							</a></td>
							{%else%}
							<td>Super Admin</td>
							{%endif%}
						{%endif%}
						<td>
						{%if 'ROLE_SUPER_ADMIN' in app.user.roles %}
							<a href="{{ path('app_edit_user',{'id': membre.id}) }}" title="Modifier le compte"><i class="fa fa-pencil fa-fw"></i></a> 
								| <a href="{{ path('app_edit_password_user',{'id': membre.id}) }}" title="Modifier le mot de passe"><i class="fa fa-unlock-alt" aria-hidden="true"></i></a> 
								| <a href="{{ path('app_delete_user',{'id': membre.id}) }}" title="Supprimer"><i class="bi bi-x"></i></a>
						
						{%else%}
							{%if 'ROLE_SUPER_ADMIN' not in membre.roles %}
								<a href="{{ path('app_edit_user',{'id': membre.id}) }}" title="Modifier le compte"><i class="fa fa-pencil fa-fw"></i></a> 
								| <a href="{{ path('app_edit_password_user',{'id': membre.id}) }}" title="Modifier le mot de passe"><i class="fa fa-unlock-alt" aria-hidden="true"></i></a> 
								| <a href="{{ path('app_delete_user',{'id': membre.id}) }}" title="Supprimer"><i class="bi bi-x"></i></a>
							{%else%}
								Super Admin
							{%endif%}
						{%endif%}
						</td>
			
					</tr>
				{% endfor %}
			</tbody>
		</table>
		<div class="well">
			<i class="fa fa-pencil fa-fw"></i> Modifier le compte | 
			<i class="fa fa-unlock-alt" aria-hidden="true"></i> Modifier le mot de passe | 
			<i class="bi bi-x"></i> Supprimer le compte
		</div>
</div>

{% endblock %}