61 lines
2.5 KiB
Twig
61 lines
2.5 KiB
Twig
{% extends "layout.twig" %}
|
||
|
||
{% block title %}Mon compte – Changer le mot de passe{% endblock %}
|
||
|
||
{% block content %}
|
||
<div class="form-container form-container--narrow">
|
||
<div class="form-container__panel">
|
||
<div class="form-container__header">
|
||
<h2 class="form-container__title">Changer le mot de passe</h2>
|
||
</div>
|
||
|
||
{% if error %}
|
||
<div class="alert alert--danger">{{ error }}</div>
|
||
{% endif %}
|
||
|
||
{% if success %}
|
||
<div class="alert alert--success">{{ success }}</div>
|
||
{% endif %}
|
||
|
||
<form method="post" action="/account/password" class="form-container__form">
|
||
<input type="hidden" name="{{ csrf.keys.name }}" value="{{ csrf.name }}">
|
||
<input type="hidden" name="{{ csrf.keys.value }}" value="{{ csrf.value }}">
|
||
|
||
<p class="form-container__field">
|
||
<label for="current_password" class="form-container__label">
|
||
<span>Mot de passe actuel</span>
|
||
<input type="password" id="current_password" name="current_password" required autofocus
|
||
class="form-container__input">
|
||
</label>
|
||
</p>
|
||
|
||
<p class="form-container__field">
|
||
<label for="new_password" class="form-container__label">
|
||
<span>Nouveau mot de passe</span>
|
||
<input type="password" id="new_password" name="new_password" required minlength="8"
|
||
class="form-container__input">
|
||
</label>
|
||
<small class="form-container__hint">Minimum 8 caractères</small>
|
||
</p>
|
||
|
||
<p class="form-container__field">
|
||
<label for="new_password_confirm" class="form-container__label">
|
||
<span>Confirmer le nouveau mot de passe</span>
|
||
<input type="password" id="new_password_confirm" name="new_password_confirm" required minlength="8"
|
||
class="form-container__input">
|
||
</label>
|
||
</p>
|
||
|
||
<div class="form-container__actions">
|
||
<div class="form-container__action">
|
||
<button type="submit" class="btn btn--primary btn--lg btn--full">Mettre à jour</button>
|
||
</div>
|
||
<div class="form-container__action">
|
||
<a href="{{ back_url }}" class="btn btn--secondary btn--lg btn--full">Annuler</a>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
{% endblock %}
|