<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8"/>
<title>Login | Octo - Delsart</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- App favicon -->
<link rel="shortcut icon" href="assets/images/delsart_logo.jpg">
<!-- Bootstrap Css -->
<link href="assets/css/bootstrap.min.css" id="bootstrap-style" rel="stylesheet" type="text/css"/>
<!-- Icons Css -->
<link href="assets/css/icons.min.css" rel="stylesheet" type="text/css"/>
<!-- App Css-->
<link href="assets/css/app.min.css" id="app-style" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="account-pages my-5 pt-sm-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8 col-lg-6 col-xl-5">
<div class="card overflow-hidden">
<div class="bg-dark">
<div class="row">
<div class="col">
<div class="text-primary p-4">
{# <h3 class="text-light">Bienvenue !</h3> #}
</div>
</div>
</div>
</div>
<div class="card-body pt-0">
<div>
<div class="mb-4">
<span class="">
<img src="assets/images/delsart_logo.jpg" alt=""
class="align-self-sm-start">
</span>
</div>
</div>
<div class="p-2">
<form class="form-horizontal" method="post">
<div class="mb-3">
<label for="username" class="form-label">Mail</label>
<input type="email" value="{{ last_username }}" name="email" id="inputEmail"
class="form-control" placeholder="Entrez votre adresse mail"
autocomplete="email" required autofocus>
{# <input type="text" class="form-control" id="username" placeholder="Entrez votre adresse mail"> #}
</div>
<div class="mb-3">
<label class="form-label">Mot de passe</label>
<div class="input-group auth-pass-inputgroup">
<input type="password" name="password" id="inputPassword" class="form-control"
autocomplete="current-password" required
placeholder="Entrez votre mot de passe" aria-label="Password"
aria-describedby="password-addon">
{# <input type="password" class="form-control" placeholder="Entrez votre mot de passe" aria-label="Password" aria-describedby="password-addon"> #}
<button class="btn btn-light " type="button" id="password-addon"><i
class="mdi mdi-eye-outline"></i></button>
</div>
</div>
{% if error %}
<div class="alert alert-danger">
{% if error.messageKey|trans(error.messageData, 'security') == 'Invalid CSRF token.' %}
Données incorrectes.
{% endif %}
</div>
{% endif %}
{% if app.user %}
<div class="mb-3">
Vous êtes connecté avec {{ app.user.email }}, <a
href="{{ path('app_logout') }}">Logout</a>
</div>
{% endif %}
<input type="hidden" name="_csrf_token"
value="{{ csrf_token('authenticate') }}"
>
<div class="mt-3 d-grid">
<button class="btn btn-dark waves-effect waves-light" type="submit">Se connecter
</button>
</div>
<div class="mt-4 text-center">
<span><a href="/register" class="text-muted"><i class="mdi mdi-lock me-1"></i>Pas encore inscrit ?</a></span>
</div>
<div class="mt-4 text-center">
<span><a href="/recover-pw" class="text-muted"><i class="mdi mdi-lock me-1"></i> Mot de passe
oublié ?</a></span>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end account-pages -->
<!-- JAVASCRIPT -->
<script src="assets/libs/jquery/jquery.min.js"></script>
<script src="assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/libs/metismenu/metisMenu.min.js"></script>
<script src="assets/libs/simplebar/simplebar.min.js"></script>
<script src="assets/libs/node-waves/waves.min.js"></script>
<!-- App js -->
<script src="assets/js/app.js"></script>
</body>
</html>