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

{% block header %}{% endblock %}
{% block footer %}{% endblock %}
{% block buttonToTheTop %}{% endblock %}
{% block javascripts %}{% endblock %}

{% block body %}
	<div class="pageContainer min-h-100-vh bg-va-degrade pad-0 dp-f j-c-c a-i-c ">
		<div class="header-image max-w-100-p h-100-vh dp-f j-c-c a-i-c p-a z-i-0 t-0 l-0 w-100-p op-3">
			<img class="max-h-65-p max-w-90-p b-60" src="assets/logo-sf2.webp" alt="Header image">
		</div>
		<div class="dp-f-c w-100-p a-i-c j-c-c">
			<div class="loginContainer bg-va-transparent dp-f-c gp-30 a-i-c j-c-c b-r-10 pad-50 max-w-60-p max-w-80-p-r800 w-100-p b-s-b-b mar-y-30 mar-x-20">

				<div class="dp-f-c a-i-c j-c-c gp-5">
					<h1 class="ft-f-chomsky ft-s-50">Connexion Admin</h1>
					<a title="Retourner au site web classique" href="{{ path('app_accueil') }}" class="button-txt">
						Retour à l'accueil
					</a>
				</div>
				<form
					class="dp-f-c gp-20 a-i-c j-c-c" action="{{ path('app_admin_login') }}" method="post">

					<div class="multiple-input-container">
						<div class="inputBox">
							<input class="promptRegister" id="username" autocomplete="off" required="true" type="text" name="pseudo" placeholder=" " required>
							<label for="username" class="textLabelDescription">
								<b>Pseudo</b>
							</label>
						</div>

						<div class="inputBox">
							<input class="promptRegister" id="password" autocomplete="off" required="true" type="password" name="password" placeholder=" " required>
							<label for="password" class="textLabelDescription">
								<b>Mot de passe</b>
							</label>
						</div>
					</div>

					{% if error is defined and error is not empty %}
						<p class="error">{{ error }}</p>
					{% elseif error is defined and error is empty %}
						<p class="error">Connexion impossible, vérifiez vos informations et réessayer</p>
					{% endif %}

					<input type="hidden" name="_csrf_token" value="{{ csrf_token }}">

					<button class="button" type="submit" title="Tester la connexion à l'interface de gestion">Se connecter</button>
				</form>
			</div>
		</div>
	</div>
{% endblock %}