{% extends '@EasyAdmin/page/login.html.twig' %}
{% block page_title %}{{ 'resetPassword.title'|trans }}{% endblock %}
{% block wrapper_wrapper %}
<div class="login-wrapper">
<header class="main-header">
<div id="header-logo">
<h1>{{ 'resetPassword.title'|trans }}</h1>
</div>
</header>
<section class="content">
{% for flashError in app.flashes('reset_password_error') %}
<div class="w-100 alert alert-danger rounded mb-3">
<i class="fas fa-times-circle mr-1"></i>
{{ flashError }}
</div>
{% endfor %}
{{ form_start(requestForm) }}
{{ form_row(requestForm.email) }}
<div>
<small>
{{ 'resetPassword.form.request.info'|trans }}
</small>
</div>
{#<button class="btn btn-primary">Send password reset email</button>#}
<div class="form-group">
<button type="submit" class="btn btn-primary btn-lg btn-block" onclick="this.form.submit(); this.disabled=true;">{{ 'resetPassword.form.request.submit'|trans }}</button>
</div>
{{ form_end(requestForm) }}
<script type="text/javascript">
const loginForm = document.querySelector('form');
loginForm.addEventListener('submit', function () {
loginForm.querySelector('button[type="submit"]').setAttribute('disabled', 'disabled');
}, false);
</script>
</section>
{% endblock %}