{% extends 'security/loginheritable.html.twig' %}
{% block title %}DeltaLog - Connexion
{% endblock %}
{% block body %}
{% include "_partials/_header.html.twig" %}
<main>
<div class="hero-connexion">
<img src="{{ asset('assets/images/hero.jpg')}}" alt="" />
<h1>Connexion</h1>
</div>
<section class="connexion-container">
<h1>Se Connecter</h1>
<div id="card-form">
<form method="post" class="connexion-form">
{% if error %}
<div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
<h2 class="mb-5">Connexion</h2>
<label for="email">Email :</label>
<input type="email" name="email" value="{{ last_username }}" id="email" placeholder="Votre adresse email" />
<label for="password">Mot de passe :</label>
<input type="password" name="password" id="password" autocomplete="current-password" placeholder="Votre mot de passe" />
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<div class="flex align-center">
<button type="submit" class="btn btn-warning">Connexion</button>
<div class="flex ml-20">
<img src="{{ asset('assets/images/lock.svg')}}" class="mt-2 icon-size" alt="">
<span class="ml-4"><a class="color-primary" href="#">Mot de passe oublié ?</a></span>
</div>
</div>
<a href="{{ path('app_register') }}">Créer un compte ?</a>
</form>
</div>
</section>
</main>
{% endblock %}