{% extends "admin/base.html" %}
{% from "admin/macros/forms.html" import field, csrf %}
{% block title %}Change password{% endblock %}
{% block content %}
<div class="page-header d-print-none">
  <div class="row g-2 align-items-center">
    <div class="col">
      <h2 class="page-title">Change password</h2>
      <div class="text-secondary mt-1">All other sessions will be signed out when you save.</div>
    </div>
  </div>
</div>
{% if errors %}
<div class="alert alert-danger">
  <ul class="mb-0">
    {% for error in errors %}<li>{{ error }}</li>{% endfor %}
  </ul>
</div>
{% endif %}
<form hx-boost="false" method="post" action="/admin/password_change">
  {{ csrf(csrf_token) }}
  <div class="card">
    <div class="card-body">
      {{ field("current_password", "Current password", "", type="password", required=True) }}
      {{ field("new_password", "New password", "", type="password", required=True) }}
      {{ field("confirm_password", "Confirm new password", "", type="password", required=True) }}
    </div>
    <div class="card-footer d-flex">
      <button type="submit" class="btn btn-primary me-2">Change password</button>
      <a href="/admin/" class="btn">Cancel</a>
    </div>
  </div>
</form>
{% endblock %}