{% extends "layouts/main.html" %}

{% block main %}
<div class="container mt-4">
	<div class="mb-4">
		<nav>
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="/">Accueil</a></li>
				<li class="breadcrumb-item"><a href="/admin">Administration</a></li>
				<li class="breadcrumb-item"><a href="/admin/users">Utilisateurs</a></li>
				<li class="breadcrumb-item active">{{ User.Name }}</li>
			</ol>
		</nav>
		<hr>
	</div>

	<div class="mb-3">
			<b>Nom complet</b><br>
			{{ User.Name }}
	</div>

	<div class="mb-3">
		<b>Email</b><br>
		{{ User.Email }}
	</div>

	<div class="mb-3">
		<b>Administrateur</b><br>
		{% if User.IsAdmin %}
			Oui
		{% else %}
			Non
		{% endif %}
	</div>	

	<div class="mb-3">
		<b>Ecran de bienvenue à la prochaine connexion</b><br>
		{% if User.SkipWelcome %}
			Non
		{% else %}
			Oui
		{% endif %}
	</div>

	<div class="mb-3">
		<b>Double facteur (TOTP)</b><br>
		{% if User.TotpSecret.Valid %}
			Enrollé
		{% else %}
			Enrollement lors de la prochaine connexion
		{% endif %}
	</div>

	{% if UserRoles %}		
	<div class="mb-4">
		<div class="mb-3">
			<b>Permissions</b>
		</div>
		<div style="max-width: 500px;">
			<table class="table table-bordered">
				<tbody>
					{% for UserRole in UserRoles %}
					<tr>
						<td>{{ UserRole.Section.Name }}</td>
						<td>{{ UserRole.Role.Name }}</td>
					</tr>
					{% endfor %}
				</tbody>
			</table>
		</div>
	</div>
	{% endif %}

	<div class="mt-3">
		<a class="btn btn-md btn-primary" href="/admin/users/{{ User.ID }}/edit">
			<i class="bi-pencil-square"></i>
			Modifier
		</a>
		<a class="btn btn-md btn-primary" href="/admin/users/{{ User.ID }}/permissions">
			<i class="bi-key"></i>
			Permissions
		</a>

		{% if User.ID != Globals.UserID %}
		<form
			action="/admin/users/{{ User.ID }}/delete"
			method="post"
			class="d-inline p-0"
		>
			<button class="btn btn-md btn-danger areyousure" type="submit">
				<i class="bi-trash3"></i>
				Supprimer
			</button>
		</form>
		{% endif %}
	</div>

</div>
{% endblock %}