<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
{{ encore_entry_link_tags('login') }}
{% endblock %}
<title>DEFIS MINAE</title>
</head>
<body>
{{ form_start(form,{'attr': {'action': path('app_forgot_pass_submit'), 'id': 'forgot_pass_form'}}) }}
<div class="card-form forgot-mdp-form">
<div class="text-center logo-custom mb-4"><img src="{{ asset('images/logo.png')}}"></div>
<h6 class="mb-3 text-center">
<b>Entrez votre adresse e-mail de récupération</b>
</h6>
<div>
<div class="mb-3">
<label class="">Email</label>
{{ form_widget(form.email, {'attr': {'class': 'form-control','autocomplete':false}}) }}
</div>
<div class="text-center">
<button type="submit" class="btn btn btn-primary btn-green mb-3" id="forgot_pass_submit">Envoyer</button>
</div>
</div>
</div>
{{ form_end(form) }}
<script>
document.addEventListener('DOMContentLoaded', function () {
// Au submit, enlever les espaces pour envoyer un nombre pur
const form = document.getElementById('forgot_pass_form');
form.addEventListener('submit', function () {
disabledSubmitButton('forgot_pass_submit');
});
function disabledSubmitButton(elementId) {
const submitBtn = document.getElementById(elementId);
// Désactive le bouton
submitBtn.disabled = true;
// Change le texte du bouton si tu veux
submitBtn.innerText = 'Envoi en cours...';
}
});
</script>
</body>
</html>