{% extends 'frontend/layout.html.twig' %}

{% block content %}
	<div class="container">
		<div class="page-header">
			<h1 class="page-title">Connexion à SIG-ODD</h1>
		</div>
		<div style="margin: 0 -15px 40px -15px"></div>
		<form method="post" role="form" class="php-login-form">
            <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
            <div class="members-form">
				<div class="mb-4">
					<label for="username" class="form-label">E-mail</label>
					<input type="email" name="username" class="form-control" id="inputUsername" required autofocus />
                </div>
				<div class="mb-4">
					<label for="login-password" class="form-label">{% trans %}security.login.password{% endtrans %}</label>
					<input type="password" class="form-control" name="password" id="inputPassword" data-rule="minlen:8" data-msg="Please enter at least 8 chars of subject" required />
				</div>
				<div class="mb-3 text-center">
					{% if error %}
                        <div class="error-message">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                    {% endif %}
				</div>
                <div class="mb-3 text-center">
					<button type="submit" class="btn btn-primary px-5 py-2">{% trans %}security.login.submit{% endtrans %}</button>
				</div>
				<!-- <p class="text-center mb-0">
					<a href="{{ path('app_email') }}">Mot de passe oublié?</a>
				</p> -->
			</div>
		</form>
	</div>
{% endblock %}