{% extends 'security.html.twig' %}
{% block title %}CONNEXION | {{ parent() }} {% endblock %}
{% block body %}
<div class="auth-layout-wrap" style="background-image: url({{ asset('assets/dist-assets/images/bg-1.png') }})">
<div class="auth-content">
<div class="card o-hidden">
<div class="row">
{% for label, messages in app.flashes %}
{% for message in messages %}
<div class="alert alert-{{ label }} alert-dismissible fade show" role="alert">
<button type="button" class="close" aria-label="Close"><span aria-hidden="true">×</span></button>
{{ message }}
</div>
{% endfor %}
{% endfor %}
<div class="col-md-2"></div>
<div class="col-md-8 p-40">
{% if error %}
<div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
<div class="p-4">
<div class="auth-logo text-center mb-4">
<img src="{{ asset('assets/dist-assets/images/logo-cu.PNG') }}" alt="">
</div>
<h1 class="mb-3 text-18">CONNEXION</h1>
<form method="post">
<div class="form-group">
<label for="inputUsername">Nom d'utilisateur</label>
<input type="text" value="{{ last_username }}" name="username" id="inputUsername" class="form-control form-control-rounded" autocomplete="username" required autofocus>
</div>
<div class="form-group">
<label for="inputPassword">Mot de passe</label>
<input type="password" name="password" id="inputPassword" class="form-control form-control-rounded" autocomplete="current-password" required>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
</div>
<button class="btn btn-rounded btn-primary btn-block mt-2" type="submit">Se connecter</button>
</form>
</div>
</div>
<div class="col-md-2"></div>
</div>
</div>
</div>
</div>
{% endblock %}