{% extends "common.html" %}
{% block title %}Change password · Flowers{% endblock %}
{% block menuoptions %}<a class="text-link" href="{{ url_for('flower_vase.index') }}">Back to sign in</a>{% endblock %}
{% block content %}
<section class="auth-layout">
  <div class="intro">
    <p class="eyebrow">Re-encrypt your vault</p>
    <h1>Change password.</h1>
    <p>Every existing encrypted field will be rewritten with the new legacy-compatible key.</p>
  </div>
  <form class="card form-card" action="{{ url_for('flower_vase.update_pwd') }}" method="post">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <h2>Vault credentials</h2>
    {% if message %}<p class="field-error">{{ message }}</p>{% endif %}
    <label for="name">Username</label>
    <input id="name" name="name" type="text" autocomplete="username" required>
    <label for="old-password">Current password</label>
    <input id="old-password" name="old_password" type="password" autocomplete="current-password" required>
    <label for="new-password">New password</label>
    <input maxlength="43" id="new-password" name="new_password" type="password" pattern="[A-Za-z0-9_+/-]+" autocomplete="new-password" required>
    <button class="button primary" type="submit">Re-encrypt vault</button>
  </form>
</section>
{% endblock %}