{% extends "Authentication/unauthenticated_base.html" %}
{% comment %}
    SPDX-License-Identifier: AGPL-3.0-or-later
    Copyright (C) 2022 Brennen Chiu
    Copyright (C) 2023-2025 Colin B. Macdonald
    Copyright (C) 2023 Andrew Rechnitzer
    Copyright (C) 2026 Aidan Murphy
{% endcomment %}
{% block full_title %}
    Plom - Set Password
{% endblock full_title %}
{% block main_content %}
    <div class="container">
        <div class="card m-4 p-4 bg-primary-subtle">
            <h2>
                Set Password for <q>{{ username }}</q>
            </h2>
            <hr />
            <p>Please enter your new password below to log in to Plom.</p>
            <form method="post" action="">
                {% csrf_token %}
                <div class="grid w-50">
                    <div class="row">
                        <div class="col">{{ form.new_password1.label }}</div>
                        <div class="col">
                            {{ form.new_password1 }}
                            <button type="button"
                                    class="bg-transparent p-0 border-0"
                                    onclick="toggleVisibility('id_new_password1')">
                                <i class="bi bi-eye"></i>
                            </button>
                        </div>
                    </div>
                    <div class="row mt-1">
                        <div class="col">{{ form.new_password2.label }}</div>
                        <div class="col">{{ form.new_password2 }}</div>
                    </div>
                </div>
                <div>
                    Note that:
                    <ul>
                        {% for helptext in help_text %}<li>{{ helptext }}</li>{% endfor %}
                    </ul>
                </div>
                <button class="btn btn-primary" type="submit" name="Set Password">change password</button>
            </form>
        </div>
        {% if error_dict %}
            <div class="alert m-4 alert-danger">
                <ul>
                    {% for field, errors in error_dict.items %}
                        {% for error in errors %}<li>{{ error }}</li>{% endfor %}
                    {% endfor %}
                </ul>
            </div>
        {% endif %}
    </div>
{% endblock main_content %}