<div class="modal fade" id="forgot-password-Modal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document" style="max-width: 600px">
<div class="modal-content position-relative">
<div class="modal-body p-0">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between">
<h5 class="mb-4">{{ "Réinitalisation du mot de passe" | trans }}</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form>
<div id="forgot_error" style="display: none">
<div class="alert alert-danger">
<i class="fas fa-user-alt-slash"></i>
{{ "Une erreur est survenue, impossible de traiter la demande" | trans }}
</div>
<div class="pb-3">
<p class="text-divider my-4">{{ "Vous êtes nouveau ?" | trans }}</p>
<a href="#" class="btn w-100 btn-light">
{{ "Créer un compte" | trans }}
</a>
</div>
</div>
<div id="forgot_success" style="display: none">
<div class="alert alert-success">
<i class="fas fa-check-circle"></i>
{{ "Un email de récupération est envoyé, veuillez consulter votre adresse email pour définir un nouveau mot de passe" | trans }}
</div>
</div>
<div class="mb-3">
<label class="form-label" for="forgot_email">{{ "Adresse email" | trans }}</label>
<input name="email"
id="forgot_email"
class="form-control"
placeholder="ex. name@gmail.com"
type="email">
</div>
<div class="mb-3">
<div class="g-recaptcha" data-sitekey="6LeC3GcqAAAAAJmyMjHOfI9737KAZu9b-Qyv8X78"></div>
</div>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"
id="forgot_token">
<button class="btn w-100 btn-primary"
data-msg="{{ 'Email de réinitialisation envoyé avec succès' | trans }}"
type="button" id="forgot_submit">{{ "Valider" | trans }}</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>