{% extends "dashboard/base_dash.html" %}
{% block title %}Mot de passe — GiniFollow{% endblock %}
{% block dashboard_inner %}
<div class="px-3 px-lg-4 py-4" style="max-width: 520px;">
    <p class="dash-help mb-3">
        <strong>Sécurité :</strong> choisissez un mot de passe robuste, différent de celui d’autres sites. Vous resterez connecté sur cet appareil après la modification.
    </p>
    <div class="card border-0 shadow-sm rounded-3">
        <div class="card-body p-4">
            <h2 class="h6 fw-bold mb-3">Modifier le mot de passe</h2>
            <form method="post">
                {% csrf_token %}
                {% for field in password_form %}
                <div class="mb-3">
                    <label class="form-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
                    {{ field }}
                    {% if field.help_text %}<div class="form-text">{{ field.help_text }}</div>{% endif %}
                    {% if field.errors %}<div class="text-danger small">{{ field.errors|join:", " }}</div>{% endif %}
                </div>
                {% endfor %}
                <button type="submit" class="btn btn-primary">Enregistrer</button>
                <a href="{% url 'dashboard_parametres' %}?section=securite" class="btn btn-link">Annuler</a>
            </form>
        </div>
    </div>
</div>
{% endblock %}