{% extends "base.html" %}
{% block content %}
<h1>Change Password</h1>

{% if !error.is_empty() %}
<div class="flash flash-err">{{ error }}</div>
{% endif %}

{% if password_change_required %}
<div class="flash flash-warn">You must change your password before continuing.</div>
{% endif %}

<form action="/change-password" method="post" class="form-col">
    <label>
        Current Password
        <input type="password" name="current_password" required autofocus>
    </label>
    <label>
        New Password
        <input type="password" name="new_password" required minlength="4">
    </label>
    <button type="submit" class="btn-ok">Change Password</button>
</form>
{% endblock %}