{% extends "fastapi_panel/base.html" %}
{% block content %}
<h1 class="page-title">{{ title }}</h1>
<form class="card card-padded narrow" method="post">
  <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
  {% for name, label, complete in [("current", "Current password", "current-password"), ("new", "New password", "new-password"), ("confirm", "New password again", "new-password")] %}
  <div class="field{% if errors.get(name) %} has-error{% endif %}">
    <label class="required" for="id_{{ name }}">{{ label }}</label>
    <div class="field-input">
      <input id="id_{{ name }}" name="{{ name }}" type="password" autocomplete="{{ complete }}" required>
      {% if errors.get(name) %}<p class="field-error" role="alert">{{ errors[name] }}</p>{% endif %}
    </div>
  </div>
  {% endfor %}
  <div class="submit-row"><button class="button button-primary" type="submit">Change password</button></div>
</form>
{% endblock %}