{% extends 'base.html.twig' %}
{% block title %}Connexion - {{ parent() }}{% endblock %}
{% block javascripts %}
{{ parent() }}
{{ encore_entry_script_tags('login') }}
{% endblock %}
{% block stylesheets %}
{{ parent() }}
{{ encore_entry_link_tags('login') }}
{% endblock %}
{% block body %}
{% if error %}
<div id="notification">
<div class="aks-alert aks-danger">
<div class="aks-alert-header">
<div class="aks-alert-icon"><i class="ri-close-circle-line"></i></div>
<div class="aks-alert-content">
<div class="aks-alert-title">Erreur
</div>
<div class="aks-alert-main">
{{ error.messageKey|trans(error.messageData, 'security') }}
</div>
</div>
<div class="aks-alert-close"><i class="ri-close-line"></i></div>
</div>
</div>
</div>
{% endif %}
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 block-form-login">
<form method="post" class="form-login">
<img class="logo" src="{{ asset('build/images/logoDouble.png') }}" alt="Blizz">
<div class="title">B-Ticket</div>
<div class="subtitle">Connectez-vous afin d'accéder à votre espace</div>
<div class="form-group">
<label for="inputUsername" class="required">Nom d'utilisateur</label>
<input type="text" value="{{ last_username }}" name="username" id="inputUsername" class="form-control {% if error %}error-input{% endif %}" autocomplete="username" required autofocus>
</div>
<div class="form-group">
<label for="inputPassword" class="required">Mot de passe</label>
<input type="password" name="password" id="inputPassword" class="form-control {% if error %}error-input{% endif %}" autocomplete="current-password" required>
</div>
<div class="form-group">
<div class="checkbox mb-3">
<div class="form-check">
<input class="form-check-input" type="checkbox" name="_remember_me" id="_remember_me">
<label class="form-check-label" for="_remember_me">
Se souvenir de moi
</label>
</div>
</div>
</div>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<button class="btn btn-primary" id="btnLogin" type="submit">
Se connecter
</button>
</form>
</div>
<div class="col-xl-8 col-lg-8 col-md-12 col-sm-12 col-12 background-login-left">
<div class="content">
</div>
</div>
</div>
{% endblock %}