{% extends 'base.html.twig' %}
{% set pagetitle = 'Connexion' %}
{% block body %}
<div class="container-xxl">
<div class=" authentication-wrapper authentication-basic container-p-y">
<div class="authentication-inner py-4">
<!-- Register -->
<div style="border-style: dotted !important;background: unset" class="card shadow-none bg-transparent border border-dotted border-3 p-2">
<div class="card ">
<div class="card-body">
<!-- Logo -->
<div style="border-style: dotted !important;" class="app-brand rounded-2 mb-0 p-1 justify-content-center border border-3" >
<a href="{{ path('app_backend') }}" class="app-brand-link gap-2">
<span class="app-brand-logo demo">
<img style="height: 45px" src="{{ asset('assets/img/branding/logo-2.png') }}">
</span>
{# <span class="app-brand-text demo h3 fw-bold mb-0">Frest</span> #}
</a>
</div>
<!-- /Logo -->
<h4 class="mb-2 mt-3">Connexion 脿 <b class="text-primary"> e-commission </b> 馃憢</h4>
<p class="mb-3 mt-2">
{% if app.user %}
<i class="bx bxs-hand-right"></i> <b>{{ app.user.userIdentifier }}</b>
{% else %}
<i class="bx bxs-hand-right"></i> Connectez vous pour acc茅der 脿 votre <b class="text-primary">espace personnel</b>
{% endif %}
</p>
<form method="post" novalidate="novalidate" id="formAuthentication" class="mb-3">
{% if error %}
<div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
{% if app.user %}
<div class="mb-3 alert alert text-white fw-bold bg-primary">
Vous 锚tes deja connecter en tant que {{ app.user.userIdentifier }}, <a
class="text-white text-decoration-underline"
href="{{ path('app_logout') }}">Se deconnecter</a>
</div>
{% else %}
<div class="mb-3 fv-plugins-icon-container">
<label for="email" class="form-label">Identifiant</label>
<input value="{{ last_username }}" type="email" name="email" id="inputEmail"
class="form-control" autocomplete="email" required autofocus>
</div>
<div class="form-password-toggle mb-3 fv-plugins-icon-container">
<div class="d-flex justify-content-between">
<label class="form-label" for="inputPassword">Mot de passe</label>
<a href="#">
<small>Mot de passe oubli茅s ?</small>
</a>
</div>
<div class="input-group input-group-merge ">
<input type="password" id="inputPassword" class="form-control" name="password"
placeholder="路路路路路路路路路路路路" autocomplete="current-password" required>
<span class="input-group-text cursor-pointer"><i class="bx bx-hide"></i></span>
</div>
</div>
<div class="mb-3">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="remember-me"
name="_remember_me">
<label class="form-check-label" for="remember-me"> Se souvenir de moi ?</label>
</div>
</div>
<div class="mb-3">
<button class="btn btn-primary d-grid w-100 fw-bold" type="submit">Se connecter</button>
</div>
<p class="text-center">
<a href="#">
<span>Contactez nous pour en savoir plus</span>
</a>
</p>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
{% endif %}
</form>
</div>
</div>
</div>
<!-- /Register -->
</div>
</div>
</div>
{% block addJavascripts %}
{{ include('partials/script.html.twig') }}
{% endblock %}
{% endblock %}