{% 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 active">Gérer multifacteur (TOTP)</li>
			</ol>
		</nav>
		<hr>
	</div>

	<form id="account" method="post">

		<div class="mb-3">
			<input
				type="checkbox"
				class="form-check-input me-2"
				id="reset_totp"
				name="reset_totp"
				autocomplete="off"
				required
			>
			<label for="reset_totp" class="form-label">
				Réinitialiser le double facteur (TOTP)
			</label>
			<div class="form-text">
				Si la case est cochée, vous devrez effectuer
				un nouvel enrôlement TOTP.
			</div>
		</div>

		<div class="my-4">
			<button class="btn btn-outline-primary" type="submit">
				<i class="me-1 bi-floppy"></i>
				Enregistrer
			</button>
		</div>
	</form>

</div>
{% endblock %}