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

{% block title %}Formulaire de connexion
{% endblock %}

{% block body %}
<h1 class="title">Bienvenue sur l'application de gestion d'entreprise Click and Go !</h1>
	<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 connecté(e) en tant que :
				{{ app.user.userIdentifier }},
				<a href="{{ path('app_logout') }}"><i class="fa-solid fa-arrow-right-from-bracket"></i>Déconnexion</a>
			</div>
		{% endif %}

		<h1 class="title">Veuillez vous identifier svp.</h1>
		<label for="username">Pseudo</label>
		<input type="text" value="{{ last_username }}" name="_username" id="username" class="form-control" autocomplete="username" required autofocus>
		<label for="password">Mot de passe</label>
		<input type="password" name="_password" id="password" class="form-control" autocomplete="current-password" required>
		<input
		type="hidden" name="_csrf_token" data-controller="csrf-protection" value="{{ csrf_token('authenticate') }}">

		{#
		            Uncomment this section and add a remember_me option below your firewall to activate remember me functionality.
		            See https://symfony.com/doc/current/security/remember_me.html
		
		            <div class="checkbox mb-3">
		                <input type="checkbox" name="_remember_me" id="_remember_me">
		                <label for="_remember_me">Remember me</label>
		            </div>
		        #}

		<button class="btn btn-lg btn-primary" type="submit">
			<i class="fa-solid fa-right-to-bracket"></i>Se connecter
		</button>

		<span class="registration-link">
			<a href="{{path('app_register')}}">Pas encore inscrit ? Cliquez-ici</a>
		</span>

	</form>
{% block stylesheets %}
    <link rel="stylesheet" href="{{asset('assets/css/form.css')}}">
{% endblock %}
{% endblock %}