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

{% block main %}
<div class="container">
	<div id="login-card" class="my-5">
		<div class="card">
			<div class="card-header">
				Authentification
			</div>
			<div class="card-body">
				{% if LoginError %}
					<div class="alert alert-danger">
						{{ LoginError }}
					</div>
				{% endif %}
				
				<form id="login" method="post">
					<div class="mb-3">
						<label for="email" class="form-label">
							Adresse email
						</label>
						<input
							id="email"
							class="form-control"
							type="email"
							name="email"
							required
							autofocus
						>
					</div>
					<div class="mb-3">
						<label for="password" class="form-label">
							Mot de passe
						</label>
						<input
							id="password"
							class="form-control"
							type="password"
							name="password"
							required
						>
					</div>
					<div class="mb-3">
						<input
							type="checkbox"
							class="form-check-input me-2"
							id="save_session"
							name="save_session"
						>
						<label for="save_session" class="form-label">
							Se souvenir de moi
						</label>
					</div>
					<div class="text-end">
						<button class="btn btn-outline-primary" type="submit">
							<i class="me-1 bi-box-arrow-in-right"></i>
							Connexion
						</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
{% endblock %}