templates/registration/password_change_form.html

0001 {% extends 'base.html' %}
0002
0003 {% block title %}Change Password — ePIC Production Monitor{% endblock %}
0004
0005 {% block content %}
0006 <div class="container mt-4" style="max-width: 480px;">
0007     <h2 class="mb-4">Change Password</h2>
0008
0009     <form method="post" novalidate>
0010         {% csrf_token %}
0011         {% if form.errors %}
0012             <div class="alert alert-danger">
0013                 Please correct the errors below.
0014             </div>
0015         {% endif %}
0016
0017         <div class="mb-3">
0018             <label for="{{ form.old_password.id_for_label }}" class="form-label">Current password</label>
0019             <input type="password" name="{{ form.old_password.name }}" id="{{ form.old_password.id_for_label }}"
0020                    class="form-control{% if form.old_password.errors %} is-invalid{% endif %}"
0021                    autocomplete="current-password" autofocus required>
0022             {% for e in form.old_password.errors %}<div class="invalid-feedback">{{ e }}</div>{% endfor %}
0023         </div>
0024
0025         <div class="mb-3">
0026             <label for="{{ form.new_password1.id_for_label }}" class="form-label">New password</label>
0027             <input type="password" name="{{ form.new_password1.name }}" id="{{ form.new_password1.id_for_label }}"
0028                    class="form-control{% if form.new_password1.errors %} is-invalid{% endif %}"
0029                    autocomplete="new-password" required>
0030             {% if form.new_password1.help_text %}
0031                 <div class="form-text">{{ form.new_password1.help_text|safe }}</div>
0032             {% endif %}
0033             {% for e in form.new_password1.errors %}<div class="invalid-feedback">{{ e }}</div>{% endfor %}
0034         </div>
0035
0036         <div class="mb-3">
0037             <label for="{{ form.new_password2.id_for_label }}" class="form-label">Confirm new password</label>
0038             <input type="password" name="{{ form.new_password2.name }}" id="{{ form.new_password2.id_for_label }}"
0039                    class="form-control{% if form.new_password2.errors %} is-invalid{% endif %}"
0040                    autocomplete="new-password" required>
0041             {% for e in form.new_password2.errors %}<div class="invalid-feedback">{{ e }}</div>{% endfor %}
0042         </div>
0043
0044         <div class="d-flex gap-2">
0045             <button type="submit" class="btn btn-primary">Change password</button>
0046             <a href="{% url 'monitor_app:account' %}" class="btn btn-outline-secondary">Cancel</a>
0047         </div>
0048     </form>
0049 </div>
0050 {% endblock %}