{% extends '@base/templates/auth.html.twig' %}
{% block title %}
{{ 'auth.login_into_system'|trans({}, 'UserBundle') }}
{% endblock %}
{% block body %}
{{ form_start(form, { attr: { 'data-controller': 'login-form' } }) }}
<h2 class="mb-8 text-center text-2xl font-semibold">
{{ 'auth.login_into_system'|trans({}, 'UserBundle') }}
</h2>
{% if error %}
{{ component('alert', {message: error.messageKey|trans(error.messageData, 'security'), level: 'error'}) }}
{% endif %}
{{ form_row(form._username, { attr: { 'data-login-form-target': 'userNameInput' } }) }}
{{ form_row(form._password, { attr: { 'data-login-form-target': 'passwordInput' } }) }}
<div class="mb-8">
<a href="{{ path('app_forgot_password') }}" class="text-main font-semibold">
{{ 'auth.forgot_password'|trans({}, 'UserBundle') }}
</a>
</div>
{{ form_row(form.submit, { attr: { 'data-login-form-target': 'submitButton', 'data-action': 'click->login-form#clearLocalStorage' } }) }}
{{ form_end(form) }}
{% endblock %}