{% extends 'base.html.twig' %}
{% block stylesheets %}
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
{{ encore_entry_link_tags('forgot_password') }}
{% endblock %}
{% block content %}
<div class="page-forgot-password">
<div class="wrapper">
<div class="logo-wrapper">
<img src="{{ asset('assets/images/logo.png') }}" alt="Logo - Outil - Emys Sodiclair" class="logo" />
</div>
<h1 class="page-title">Mot de passe oublié</h1>
<h2 class="page-subtitle">Un lien vous sera envoyé par mail pour le réinitialiser.</h2>
<form class="form" method="post" id="form-forgot-password">
<div class="form-group">
<label class="label" for="forgot_password_email">E-mail</label>
<input type="email" name="forgot_password_email" id="forgot_password_email" class="input" required />
</div>
<div class="recaptcha-wrapper">
<div class="g-recaptcha" data-sitekey="6LcEfMIbAAAAAFo6ViZCXX9UNQMaB3hiLotQiYAH"></div>
</div>
<div class="actions">
<button type="button" class="btn-submit" id="btn-submit-forgot-password">Réinitialiser</button>
</div>
<div class="informations" id="forgot-password-informations"></div>
<div class="links">
<a href="{{ path('app_login') }}" class="link">< retour</a>
</div>
</form>
</div>
</div> {# /.page #}
{% endblock %}
{% block javascripts %}
<script src="{{ asset('assets/vendor/jquery-validation-1.19.3/jquery.validate.min.js') }}"></script>
<script>
let form_variables = {
'url': "{{ path('app_ajax_forgot_password') }}",
'messages': {
'form_sent': "Votre demande a bien été prise en compte. Vous allez recevoir un mail pour réinitialiser votre mot de passe.",
'form_button': "Réinitialiser",
'error_fire': "Une erreur est survenue. Veuillez vérifier votre e-mail et cocher le reCAPTCHA.",
'invalid_email': "E-mail invalide",
}
};
</script>
{{ encore_entry_script_tags('forgot_password') }}
{% endblock %}