{% extends 'base.html.twig' %}
{% block title %}Log in!{% endblock %}
{% block body %}
<main class="main">
<section class="home-slider position-relative mb-30">
<div class="container">
<div class="row">
<div class="col-lg-1 d-none d-lg-flex mt-30"></div>
<div class="col-lg-6 d-none d-lg-flex mt-30">
<img src="{{ asset('assets/imgs/deals/img-21.jpg')}}">
</div>
<div class="col-lg-4 col-md-8">
<h1 class="h3 mb-3 font-weight-normal text-center mt-20">Espace de connexion </h1>
<p> Vous n'avez pas encore de compte ?
<a href="{{ path('app_register') }}" class="" style="font-size: large; color: #eab543; "><strong>Créer un compte</strong> </a>
</p>
<hr/>
<form method="post">
{% if error %}
<div class="alert alert-danger mt-2">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
{% if app.user %}
<div class="mb-3">
vous êtes connecté(e) comme {{ app.user.username }}, <a href="{{ path('app_logout') }}">Déconnexion</a>
</div>
{% endif %}
<div class="form-group ">
<label for="inputEmail">E-mail</label>
<input type="email" value="{{ email }}" name="email" id="inputEmail" class="form-control" autocomplete="email" required autofocus style="height: 50px">
</div>
<div class="form-group">
<label for="inputPassword">Mot de passe</label>
<input type="password" name="password" id="inputPassword" class="form-control " autocomplete="current-password" required style="height: 50px">
</div>
<input type="hidden" name="_csrf_token"
value="{{ csrf_token('authenticate') }}"
>
<p>
<strong> Avez vous oublié votre mot passe? Récuperez via </strong>
<a href="">ce lien</a>
</p>
<div class="text-lg-end">
<button class="btn btn-lg btn-primary" type="submit">
<i class="fi-rs-sign-in"></i> Connexion
</button>
</div>
</form>
</div>
</div>
</div>
</section>
</main>
{% endblock %}