{% set _username_label = username_label is defined ? username_label|trans : 'login_page.username'|trans({}, 'EasyAdminBundle') %}
{% set _password_label = password_label is defined ? password_label|trans : 'login_page.password'|trans({}, 'EasyAdminBundle') %}
{% set _sign_in_label = sign_in_label is defined ? sign_in_label|trans : 'login_page.sign_in'|trans({}, 'EasyAdminBundle') %}

{% if error|default(false) %}
   <div class="w-100 alert alert-danger rounded mb-3">
       <i class="fas fa-times-circle mr-1"></i>
       {{ error.messageKey|trans(error.messageData, 'security') }}
   </div>
{% endif %}

<form method="post" action="{{ action|default('') }}">
    {% if csrf_token_intention|default(false) %}
        <input type="hidden" name="_csrf_token" value="{{ csrf_token(csrf_token_intention) }}">
    {% endif %}

    <input type="hidden" name="{{ target_path_parameter|default('_target_path') }}" value="{{ target_path|default(ea is defined ? path(ea.dashboardRouteName) : '/') }}" />

    <div class="form-group">
        <label class="form-control-label" for="username">{{ username_label }}</label>
        <div class="form-widget">
            <input type="text" id="username" name="{{ username_parameter|default('_username') }}" class="form-control" value="{{ last_username|default('') }}" required autofocus autocomplete="username">
        </div>
    </div>

    <div class="form-group">
        <label class="form-control-label" for="password">{{ password_label }}</label>
        <div class="form-widget">
            <input type="password" id="password" name="{{ password_parameter|default('_password') }}" class="form-control" required autocomplete="current-password">
        </div>

    </div>

    <div id= "login-actions" class="form-group">
        <button id="submit-button" type="submit" class="btn btn-primary btn-lg" onclick="this.form.submit(); this.disabled=true;">{{ _sign_in_label }}</button>
        <a href="{{ path('recover_password') }}">{{ 'pages.recover_password.text' | trans }}</a>
    </div>
</form>

<script type="text/javascript">
    const loginForm = document.querySelector('form');
    loginForm.addEventListener('submit', () => {
        loginForm.querySelector('button[type="submit"]').setAttribute('disabled', 'disabled');
    }, false);
</script>