{% extends "base.html" %}

{% block content %}
<div class="site-title">forgot password</div>
<div class="site-subtitle">:: no big deal ::</div>

<hr class="divider">

{% if let Some(err) = error %}
<div class="post" style="border-color:#d4879c; margin-bottom:12px;">
  <div class="post-body" style="color:#d4879c;">⚠ {{ err }}</div>
</div>
{% endif %}

<div class="post">
  <form method="post" action="/auth/forgot-password">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <div class="form-field">
      <label class="form-label">email</label>
      <input class="form-input" type="email" name="email" required autocomplete="email">
    </div>
    <button class="form-submit" type="submit">send reset link →</button>
  </form>
  <div class="post-meta" style="margin-top:10px;">
    remember your password? <a href="/auth/login" style="color:#d4879c;">login here</a>
  </div>
</div>
{% endblock %}