{% extends "login_view.html.twig" %}
{% block body %}
<div class="row" style="padding-top:75px;padding-bottom:75px;">
<div class="col-2"> </div>
<div class="col-8 text-left" style="border-left: 1px solid #ff0000;">
{% if pwdchgoblig=='0' %}
<span class="titre22-base">Mot de passe oublié</span>
{% else %}
<span class="titre22-base">Réinitialisation de votre mot de passe</span>
<div class="texte14-base">
<i style="color:#000000;">Votre mot de passe doit être renouvelé, il ne répond pas aux règles de sécurité actuelles.</i>
</p>
{% endif %}
<div class="texte14-base">
<div style="min-height: 18px;">
Saisissez l'e-mail associé à votre compte.
</div>
<div style="min-height: 18px;">
Un lien vous permettant de réinitialiser votre mot de passe vous sera envoyé par mail.
</div>
</div>
<div class="row">
<div class="col-lg-10">
<form role="form" action="{{ path('motdpasseoubli') }}" method="post">
<input type="hidden" id="pwdchgoblig" value="{{ pwdchgoblig }}">
<input type="hidden" name="_csrf_token" value="{{ csrf_token('pwdoubliadmadm48') }}" />
<div class="form-floating" style="padding-bottom:20px;">
<input type="text" id="fpwdemail" name="fpwdemail" required="required" maxlength="128" class="form-control" placeholder="pasaffiche" value="{{ fpwdemail }}">
<label for="fpwdemail" class="required">E-mail *</label>
</div>
<div>
<button id="fpwdbt" type="submit" class="btn btn-primary">Envoi du mail</button>
</div>
</form>
</div>
</div>
{% if msgcplt != '' %}
<div class="row">
<div class="col-lg-10" style="padding-top:10px;">
<p class="texte14-base">
{{ msgcplt }} : <a style="color:#ff0000;" href="mailto:assistance.technique@solidaires.com">Nous signaler un problème.</a>
</p>
</div>
</div>
{% endif %}
</div>
<div class="col-2"> </div>
</div>
<script>
$(document).ready(function(){
$('#fpwdbt').click(function(e){
var itm = $(this);
if(itm.attr('id') == 'fpwdbt'){
if($('#fpwdemail').val()==''){
e.preventDefault();
swal({
title: "Anomalie",
text: "Votre e-mail n'a pas été indiqué",
icon: "warning",
button: "Compléter",
});
}else{
itm.empty();
itm.append('<i class="fa fa-cogs fa-spin"></i> Envoi du mail en cours');
}
}
})
})
</script>
{% endblock body %}