{# login.html.twig #}
{% extends 'base.html.twig' %}

{% block title %}Me connecter
{% endblock %}
{% block stylesheets %}
	<link rel="stylesheet" href="{{ asset('assets/css/form.css') }}">
{% endblock %}
{% block body %}
	<form method="post">
		{% if error %}
			<div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
		{% endif %}

		{% if app.user %}
			<div class="mb-3">
				Vous êtes déjà connecté(e) en tant que
				{{ app.user.userIdentifier }},
				<a href="{{ path('app_logout') }}">Me déconnecter</a>
			</div>
		{% endif %}

		<h1 class="text-center">
			<i class="fa-solid fa-right-to-bracket"></i>Me connecter</h1>
		<div>
			<label for="inputNickname">Pseudo</label>
			<input type="text" value="{{ last_username }}" name="nickname" id="inputNickname" class="form-control" autocomplete="username" required autofocus placeholder="">
		</div>
		<div>
			<label for="inputPassword">Mot de passe</label>
			<input type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password" required placeholder="">
		</div>

		<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">

		<button class="btn btn-lg btn-primary" type="submit">
			<i class="fa-solid fa-right-to-bracket"></i>
			Me connecter
		</button>
		{# <p><a href="{{ path('forgotten_password') }}">Mot de passe oublié</a></p> #}
		<p>Pas encore inscrit(e) ?
			<a href="{{ path('app_register') }}">M'inscrire</a>
		</p>
		<p>Mot de passe oublié ?
			<a href="{{ path('forgotten_password') }}">Réinitialiser le mot de passe</a>
		</p>
	</form>
{% endblock %}