{% extends "base.html" %}
{% block content %}
<div class="card">
  <h1>Forgot password</h1>
  <form method="get">
    <label>Username</label>
    <input type="text" name="username" value="{{ username or '' }}" required>
    <button type="submit">Find account</button>
  </form>

  {% if question %}
  <form method="post" style="margin-top:20px;">
    <input type="hidden" name="username" value="{{ username }}">
    <label>Security question: {{ question }}</label>
    <input type="text" name="security_answer" required>
    <button type="submit">Submit answer</button>
  </form>
  {% endif %}
</div>
{% endblock %}