{% extends "base.html" %}
{% load django_bootstrap5 %}
{% load i18n %}

{% block title %}{% trans "Change Password" %}{% endblock title %}

{% block page_heading %}{% trans "Change Password" %}{% endblock page_heading %}

{% block content %}
{# a user changes their own password; one who must (a new or reset account) cannot go elsewhere first #}
<form id="password-change" method="post">
    {% csrf_token %}
    {% bootstrap_form_errors form type="non_fields" %}

    <section class="form-section">
        <div class="row g-3">
            <div class="col-lg-3">
                <h2 class="h6 fw-semibold mb-1 text-break">{{ request.user.username }}</h2>
                <p class="small text-body-secondary mb-0">
                    {% if must_change %}{% trans "Choose a new password before you go on." %}{% else %}{% trans "You stay signed in here; your other sessions end." %}{% endif %}
                </p>
            </div>
            <div class="col-lg-9 form-section-fields">
                <div class="row g-3">
                    <div class="col-sm-6">{% bootstrap_field form.old_password %}</div>
                    <div class="w-100 m-0"></div>
                    <div class="col-sm-6">{% bootstrap_field form.new_password1 %}</div>
                    <div class="col-sm-6">{% bootstrap_field form.new_password2 show_help=False %}</div>
                </div>
            </div>
        </div>
    </section>

    <div class="form-section d-flex justify-content-end gap-2">
        {% if not must_change %}<a class="btn btn-outline-secondary" href="{% url 'accounts:profile' %}">{% trans "Cancel" %}</a>{% endif %}
        <button type="submit" class="btn btn-primary">{% trans "Change password" %}</button>
    </div>
</form>
{% endblock content %}