HegreEtConfort/templates/login/index.html.twig

53 lines
2.3 KiB
Twig

<!DOCTYPE html>
<html lang="fr, en">
<head>
<meta charset="UTF-8">
<title>Authentification</title>
<link href="{{ asset('styles/css/login.css') }}" rel='stylesheet'>
<link rel="icon"
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<meta name="viewport" content="width=device-width, initial-scale=1">
{% block stylesheets %}
{% endblock %}
</head>
<body>
<div class="col">
<section>
<div class="background"></div>
<img class="logo" src="{{ asset('styles/image/LogoHegreConfort_SansFond.png') }}" alt="Logo Hegre et Confort">
<h1 class="titre">D'Hegre Et Confort</h1>
<img class="logoProfile" src="{{ asset('styles/image/profile.png') }}" alt="Logo Profil">
<img class="logoPassword" src="{{ asset('styles/image/password.png') }}" alt="Logo Password">
<form method="post" action="{{ path('app_login') }}">
{% if error %}
<div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
{% if app.user %}
<div class="mb-3">
Vous êtes connecté en tant que {{ app.user.userIdentifier }}, <a href="{{ path('app_logout') }}">Déconnexion</a>
</div>
{% endif %}
<label>
<input id="profile" type="email" placeholder="Adresse mail" value="{{ last_username }}" name="_username" class="form-control" autocomplete="email" required autofocus>
<input id="password" type="password" placeholder="Mot de passe" name="_password" class="form-control" autocomplete="current-password" required>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
</label>
<button type="submit" class="login"> Connexion </button>
</form>
</section>
</div>
</body>
</html>