{% extends "ui/base.html" %}

{% block title %}Change password{% endblock %}

{% block content %}
<main class="login-main">
  <form class="login-card" hx-post="/password" hx-target="#password-status" hx-swap="innerHTML" hx-disabled-elt="button" novalidate>
    <h1>Change password</h1>
    <p class="hint">For a freshly seeded admin or superadmin account, leave the current password empty.</p>
    <label>Current password<input name="current_password" type="password" autocomplete="current-password"></label>
    <label>New password<input name="new_password" type="password" autocomplete="new-password" required></label>
    <label>Confirm new password<input name="new_password_confirmation" type="password" autocomplete="new-password" required></label>
    <button type="submit">Change password</button>
    <div id="password-status" aria-live="polite"></div>
  </form>
</main>
{% endblock %}