{% extends "base.html" %}
{% block title %}{{ layout.t("pw.title") }}{% endblock %}
{% block crumb %}{{ layout.t("pw.title") }}{% endblock %}
{% block content %}
<div class="page-title-row">
    <div>
        <h1>{{ layout.t("pw.title") }}</h1>
        {% if forced %}
            <div class="sub">{{ layout.t("pw.forced_hint") }}</div>
        {% else %}
            <div class="sub">{{ layout.t("pw.voluntary_hint") }}</div>
        {% endif %}
    </div>
</div>

{% if let Some(msg) = error %}<div class="flash danger">{{ msg }}</div>{% endif %}

<div class="card">
    <form method="post" action="/password" class="row">
        <label>{{ layout.t("pw.current") }}
            <input type="password" name="current" required autocomplete="current-password">
        </label>
        <label>{{ layout.t("pw.new") }}
            <input type="password" name="new_password" required minlength="6" autocomplete="new-password">
        </label>
        <label>{{ layout.t("pw.repeat") }}
            <input type="password" name="repeat" required minlength="6" autocomplete="new-password">
        </label>
        <button class="primary">{{ layout.t("common.save") }}</button>
    </form>
    <p class="hint">{{ layout.t("pw.rule") }}</p>
</div>
{% endblock %}