first commit

views/pages/account/password-change.twig

@@ -0,0 +1,60 @@
+{% 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 %}