{% extends 'base.html.twig' %}
{% block title %}bambboo - Connexion
{% endblock %}
{% block body %}
{{ encore_entry_link_tags('home') }}
<div class="container-fluid h-100">
<div class="row full-height bg-register justify-content-center align-items-center text-center">
<div class="col-md-4 bg-white px-5 py-4 rounded-3">
<h1 class="fs-4 ubuntu-medium mb-4">Connectez-vous à votre espace bambboo</h1>
{% if error %}
<div class="alert alert-danger">
{% if error.messageKey == 'Invalid credentials.' or error.messageKey == 'Bad credentials.' or 'credentials' in error.messageKey|lower %}
Email ou mot de passe incorrect
{% else %}
{{ error.messageKey|trans(error.messageData, 'security') }}
{% endif %}
</div>
{% endif %}
{% if isInactive %}
<div class="alert alert-danger">
Votre compte est inactif.
</div>
{% endif %}
{% if isRedirected %}
<div class="alert alert-info" id="redirect-message">
<i class="fas fa-info-circle me-2"></i>
Votre session a expiré. Veuillez vous reconnecter pour continuer.
</div>
{% endif %}
<form method="post" action="{{ path('app_login') }}">
<div class="mb-3">
<input
type="email"
class="form-control"
name="email"
id="email"
placeholder="Email"
value="{{ prefilledEmail|default('') }}"
required
autofocus
>
</div>
<div class="mb-3">
<input
type="password"
class="form-control"
name="password"
id="password"
placeholder="Mot de passe"
required
>
</div>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<button type="submit" class="btn btn-success bg-clover w-100 py-2 ubuntu-medium">
Me connecter
</button>
<div class="mt-3 text-center">
<a href="{{ path('app_forgot_password') }}" class="text-decoration-none text-muted small">
{% if userHasNoPassword|default(false) %}
Créez votre mot de passe
{% else %}
Mot de passe oublié ?
{% endif %}
</a>
</div>
</form>
</div>
</div>
</div>
<script>
(function() {
window.addEventListener('pageshow', function(event) {
if (event.persisted) {
location.reload();
}
});
})();
</script>
{% endblock %}