{% extends 'front/baseNoMenu.html.twig' %}
{% block title %}Identification{% endblock %}
{% block stylesheets %}
{{ parent() }}
{{ encore_entry_link_tags('login', null, 'front') }}
<style>
.bgFull {
background: url(images/login_fond.png) no-repeat center top;
background-size: cover;
height:100vh;
width:100%;
display:flex;
}
.blockCenter{
margin: auto;
border-radius: 10px;
background:#fff;
padding: 20px 40px;
width:500px;
}
</style>
{% endblock %}
{% block body %}
<div class="bgFull" >
<div class="blockCenter">
<h2 class="card-title fw-bold mb-1 text-dark" style="font-size:2em">Hello 馃憢 </h2>
<p class="card-text mb-2 text-dark">Connectes-toi pour acc茅der 脿 ton 茅v猫nement</p>
<form action="{{ path('login') }}" class="auth-login-form mt-2" id="accountAuth" method="post">
{% if error %}
<div class="col-12">
<div class="alert alert-warning text-center">
{{ error.messageKey | trans(error.messagedata, 'security')}}
</div>
</div>
{% endif %}
<div class="mb-1">
<label class="form-label" for="login-email">Email</label>
<input type="email" id="login-email" name="_username" tabindex="1" value="{{ last_username }}" class="form-control" placeholder="martin.sylvie@exemple.fr"/>
</div>
<div class="mb-1">
<div class="d-flex justify-content-between">
<label class="form-label" for="login-password">Mot de passe</label><a href="{{path("request_resetting")}}"><small>Mot de passe oubli茅</small></a>
</div>
<div class="input-group input-group-merge form-password-toggle">
<input class="form-control form-control-merge" type="password" id="login-password" name="_password" placeholder="路路路路路路路路路路路路" aria-describedby="login-password" tabindex="3" /><span class="input-group-text cursor-pointer"><i data-feather="eye"></i></span>
</div>
</div>
<button class="btn btn-primary rounded-pill mt-2 mb-3 w-100" tabindex="3">Connexion</button>
</form>
</div>
</div>
{% endblock %}
{% block javascripts %}
{{ parent() }}
{{ encore_entry_script_tags('login', null, 'front') }}
{% endblock %}