{% extends "base.html" %}
{% block title %}Passwort ändern{% endblock %}
{% block content %}
<div class="stack stack-sm">
  <h1>{{ 'Eigenes Passwort setzen' if p.must_change_password else 'Passwort ändern' }}</h1>
  {% if p.must_change_password %}<p class="text-muted">Du hast dich mit einem Einmal-Passwort angemeldet. Bitte setze jetzt ein eigenes.</p>{% endif %}
</div>
<div class="card"><div class="card-body">
  <form method="post" action="/password" class="stack">
    <input type="hidden" name="_csrf" value="{{ p.csrf }}">
    <div class="form-group">
      <label for="current">{{ 'Einmal-Passwort' if p.must_change_password else 'Aktuelles Passwort' }}</label>
      <input id="current" name="current" type="password" autocomplete="current-password" required>
    </div>
    <div class="form-group">
      <label for="new">Neues Passwort</label>
      <input id="new" name="new" type="password" autocomplete="new-password" minlength="12" required>
      <p class="form-hint">Mindestens 12 Zeichen, ohne den Nutzernamen. Ein Satz aus mehreren Wörtern ist gut zu merken.</p>
    </div>
    <div class="form-group">
      <label for="repeat">Neues Passwort wiederholen</label>
      <input id="repeat" name="repeat" type="password" autocomplete="new-password" minlength="12" required>
      {% if error %}<p class="form-error">{{ error }}</p>{% endif %}
    </div>
    <div class="cluster">
      <button class="btn btn-primary" type="submit">Speichern</button>
      {% if not p.must_change_password %}<a class="btn btn-ghost" href="/workspaces">Abbrechen</a>{% endif %}
    </div>
  </form>
</div></div>
{% endblock %}