{% extends 'security/card.html.twig' %}
{% block content %}
<div class="row">
{% if success_msg is defined and success_msg != null %}
<div class="alert alert-success">
<i class="fas fa-check"></i>
{{ success_msg|trans }}
</div>
{% endif %}
<form class="px-5" action="{{ path('login') }}" method="POST">
{% if error %}
<div class="form-errors">
{{ error.messageKey|trans(error.messageData, 'security') }}
</div>
{% endif %}
<div class="mb-3">
<label class="visually-hidden" for="username">{{ 'connect.username'|trans }}</label>
<div class="input-group has-validation">
<span class="input-group-text {% if error %}is-invalid{% endif %}">
<i class="fas fa-user"></i>
</span>
<input id="username" class="form-control {% if error %}is-invalid{% endif %}" name="_username" type="text" placeholder="{{ 'connect.username'|trans }}" value="{{ last_username }}" required="required" autofocus />
</div>
</div>
<div class="mb-3">
<label class="visually-hidden" for="password">{{ 'connect.password'|trans }}</label>
<div class="input-group">
<span class="input-group-text {% if error %}is-invalid{% endif %}">
<i class="fas fa-lock"></i>
</span>
<input id="password" class="form-control {% if error %}is-invalid{% endif %}" name="_password" type="password" placeholder="{{ 'connect.password'|trans }}" required="required" />
</div>
</div>
<div class="text-center">
<a class="fs-8 text-secondary text-decoration-none" href="{{ path('forgot_password') }}">
{{ 'connect.forgot.password?'|trans }}
</a>
</div>
<div class="d-grid col-8 mx-auto">
<button class="btn btn-primary text-uppercase" type="submit">
{{ 'connect.login'|trans }}
</button>
</div>
</form>
{% include 'switch-locale.html.twig' with { 'route': 'login' } %}
</div>
{% endblock %}