{% extends 'auth/_layout/base.html.twig' %}
{% block title %}Connexion – {{ parent() }}{% endblock %}
{% block body %}
<div class="d-flex flex-column-fluid flex-center py-10">
<form class="form w-100" action="{{ path('auth_login') }}" method="post">
<div class="pb-5 pb-lg-15">
<h3 class="fw-bolder text-dark display-6 mb-4">
<img src="{{ asset('build/images/Twin.svg') }}" alt="TWIN" width="120" />
</h3>
<div class="text-muted fw-bold fs-5">
La réalité virtuelle au
service de votre projet
</div>
</div>
{% if error %}
<div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
<div class="fv-row mb-10">
<label class="form-label fs-6 fw-bolder text-dark">Email</label>
<input type="email" value="{{ last_username }}" name="email" class="form-control form-control-lg form-control-solid"
required autofocus autocomplete="off" />
</div>
<div class="fv-row mb-10">
<div class="d-flex justify-content-between mt-n5">
<label class="form-label fs-6 fw-bolder text-dark pt-5">Mot de passe</label>
<a href="{{ path('auth_forgot_password') }}" class="text-primary fs-6 fw-bolder text-hover-primary pt-5">
Mot de passe oublié ?
</a>
</div>
<input
type="password"
name="password"
class="form-control form-control-lg form-control-solid"
required
is="toggle-password"
data-display-icon=true
data-icon-show="{{ asset('build/images/bi-eye.svg') }}"
data-icon-hide="{{ asset('build/images/bi-eye-slash.svg') }}"
autocomplete="off"
/>
</div>
<div class="pb-lg-0 pb-5">
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<button type="submit" class="btn btn-primary fw-bolder fs-6 px-8 py-4 my-3 me-3">S’identifier</button>
</div>
</form>
</div>
{% endblock %}