{% extends "layout.html.twig" %}
{% block body %}
<div class="middle--off">
<div class="off-entete">
<div class="off-entete-i">
<div class="off-title">
Changez votre mot de passe
<div class="off-avatar"></div>
<!-- .off-avatar -->
</div>
<!-- .off-title -->
<div class="off-intro">
Bienvenue sur CTS Web, Vous pouvez via ce formulaire modifier votre mot de passe afin de sécuriser l'accès à votre compte.
</div>
<!-- .off-intro -->
</div>
<!-- .off-entete-i -->
</div>
<!-- .off-entete -->
<div class="off-form">
{{ form_start(form) }}
<div class="off-form-i">
<fieldset>
<div class="form-error">
{{ form_errors(form) }}
</div>
<!-- .error -->
<dl>
<dt></dt>
<dd>{{ form_row(form.password.first, {'attr': {'placeholder': 'Nouveau mot de passe', 'autocomplete': 'off'} }) }}</dd>
</dl>
<dl>
<dt></dt>
<dd>{{ form_row(form.password.second, {'attr': {'placeholder': 'Confirmez le mot de passe', 'autocomplete': 'off'} }) }}</dd>
</dl>
{# <p><a href="{{ path('ctsweb_front_login') }}" class="off-link">Retour</a></p> #}
<p>
<a href="{{ path('ctsweb_front_login') }}" class="off-link">Retour</a>
</p>
</fieldset>
</div>
<!-- .off-form-i -->
<div class="off-submit">
<div class="off-submit-i">
{{ form_row(form.envoyer) }}
</div>
<!-- .off-submit-i -->
</div>
<!-- .off-submit -->
{{ form_end(form) }}
<input type="hidden" value="{{ error }}" id="retrieve-login-error"/>
<input type="hidden" value="{{ info }}" id="retrieve-login-info"/>
</div>
<!-- .off-form -->
</div>
<!-- .middle--off -->{% endblock %}{% block javascript %}
{{ parent() }}
<script src="{{ asset('../bundles/ctsweb/js/bootstrap.min.js') }}?528916935200e0742a50616415a2085b"></script>
<script>
const success = '{{ error }}' == '';
function redirectToLogin() {
$(location).attr('href', "{{ path('ctsweb_front_login') }}");
}
$(document).ready(function () { // Affichage de l'erreur
if ($('#retrieve-login-error').length && $('#retrieve-login-error').val() != '') { // Réinitialiser le formulaire
$('#show-error-message').html($('#retrieve-login-error').val());
$('#modal-show-error').modal('show');
}
// Affichage de la confirmation et rédirection
if ($('#retrieve-login-info').length && $('#retrieve-login-info').val() != '') {
$('#show-info-message').html($('#retrieve-login-info').val());
$('#modal-show-info').modal('show');
}
// Rédirection vers la page login après confirmation d'envoie de mail
$('#btn-redirect').on('click', function () {
redirectToLogin()
});
$('.close').on('click', function () {
if (success) {
redirectToLogin();
}
});
});
</script>{% endblock %}