{% extends 'base.html.twig' %}
{% block title %}Changer le mot de passe{% endblock %}
{% block body %}
<div class="card mx-auto mt-4" style="max-width:560px">
<div class="card-header"><h1 class="h4 mb-0">Changer le mot de passe</h1></div>
<div class="card-body">
{% if expired %}<div class="alert alert-warning" role="alert">Votre mot de passe doit être renouvelé : sa dernière modification remonte à six mois ou sa date est inconnue. Modifiez-le pour accéder à la gestion.</div>{% endif %}
<p>Choisissez un mot de passe unique, idéalement généré et conservé dans un gestionnaire de mots de passe.</p>
<p class="small">Au moins 12 caractères avec majuscule, minuscule, chiffre et caractère spécial. Maximum 72 octets.</p>
{% if error %}<div class="alert alert-danger" role="alert">{{ error }}</div>{% endif %}
<form method="post">
<input type="hidden" name="_token" value="{{ csrf_token('password-change') }}">
<div class="mb-3"><label for="current_password" class="form-label">Mot de passe actuel</label><input class="form-control" type="password" id="current_password" name="current_password" autocomplete="current-password" required autofocus></div>
<div class="mb-3"><label for="password" class="form-label">Nouveau mot de passe</label><input class="form-control" type="password" id="password" name="password" autocomplete="new-password" minlength="12" required></div>
<div class="mb-4"><label for="confirmation" class="form-label">Confirmer le nouveau mot de passe</label><input class="form-control" type="password" id="confirmation" name="confirmation" autocomplete="new-password" minlength="12" required></div>
<div class="d-flex justify-content-end gap-2">{% if not expired %}<a class="btn btn-outline-primary" href="{{ path('home_page') }}">Annuler</a>{% endif %}<button type="submit" class="btn btn-primary">Continuer</button></div>
</form></div></div>
{% endblock %}