{% extends "base.html" %}
{% block title %}Change Password — {{ settings.APP_NAME }}{% endblock %}
{% block content %}
<div class="page" style="max-width:520px">
  <h1 class="greeting">Change password</h1>
  <p class="muted">Update the password for <strong>{{ user.username }}</strong>.</p>
  <div class="admin-panel">
    <div class="linkout-card stack">
      {% if error %}<div class="form-error">{{ error }}</div>{% endif %}
      <form method="post" action="/account/password">
        <div class="form-field">
          <label for="current">Current password</label>
          <input class="text-input" type="password" id="current" name="current" autocomplete="current-password" required>
        </div>
        <div class="form-field">
          <label for="password">New password</label>
          <input class="text-input" type="password" id="password" name="password" autocomplete="new-password" required>
        </div>
        <div class="form-field">
          <label for="confirm">Confirm new password</label>
          <input class="text-input" type="password" id="confirm" name="confirm" autocomplete="new-password" required>
        </div>
        <button class="button button-primary width-full" type="submit">Update password</button>
      </form>
      <p class="faint margin-top" style="font: var(--type-caption)">
        Your login is only used for the home-lab console; the tools themselves keep their own accounts.
      </p>
    </div>
  </div>
</div>
{% endblock %}