{% extends 'base-small.html.twig' %}
{% block content %}
<form class="form-signin" method="post">
<img class="mb-4" src="/img/logo2.svg" alt="" width="150" height="100">
{% if error %}
<div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
<label for="inputEmail" class="sr-only">Adresse email</label>
<input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" placeholder="Email" required autofocus>
<label for="inputPassword" class="sr-only">Mot de passe</label>
<input type="password" name="password" id="inputPassword" class="form-control" placeholder="Mot de passe" required>
<button type="button" class="btn btn-link" data-toggle="modal" data-target="#reset-password">
Mot de passe oublié ?
</button>
<div class="checkbox mb-3">
<label style="margin-bottom: 1.5rem;">
<input type="checkbox" name="_remember_me"> Se souvenir de moi
</label>
</div>
<button type="submit" class="button-admin" style="padding: 15px 120px;">Connexion</button>
<p class="mt-5 mb-3 text-muted">© 2019</p>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
</form>
<div class="modal fade" id="reset-password" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Réinitialiser votre mot de passe</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form class="ajax-form" method="post" action="{{ path('user_ask_reset') }}">
<div class="modal-body">
<div class="ajax-form-hide_on_success">
<p>Pour récupérer votre mot de passe, veuillez saisir votre adresse email.</p>
<div class="form-group">
<input type="email" name="email" class="form-control" id="reset-password-email" placeholder="Votre email">
<input type="hidden" name="_csrf_token" value="{{ csrf_token('reset-password') }}">
</div>
</div>
<div class="ajax-form-error text-danger d-none"></div>
<div class="ajax-form-show_on_success d-none">
<i class="fas fa-check text-success"></i><br />
Un email vous a été envoyé avec un lien pour mettre à jour votre mot de passe.
</div>
</div>
<div class="modal-footer">
<div class="ajax-form-hide_on_success">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
<button type="submit" class="btn btn-primary">Réinitialiser</button>
</div>
<div class="ajax-form-show_on_success d-none">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
</div>
</div>
</form>
</div>
</div>
</div>
{% endblock %}