{% extends 'base.html' %}
{% block title %}Password | Eternity Project{% endblock %}
{% block content %}
<section class="auth-layout">
  <div class="auth-copy"><span class="signal-label">ACCOUNT SECURITY</span><h1>{% if mode == 'forgot' %}Recover the<br>signal.{% elif mode == 'reset' %}Set a new<br>password.{% else %}Update your<br>password.{% endif %}</h1><p>{% if mode == 'forgot' %}Enter the email address connected to your account. A secure reset link will arrive by email.{% else %}Choose a password with at least 10 characters.{% endif %}</p></div>
  <form class="auth-form" method="post">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    {% if mode == 'forgot' %}<label>Email<input name="email" type="email" autocomplete="email" required placeholder="you@example.com"></label>{% endif %}
    {% if mode == 'change' %}<label>Current password<input name="current_password" type="password" autocomplete="current-password" required></label>{% endif %}
    {% if mode != 'forgot' %}<label>New password<input name="password" type="password" autocomplete="new-password" required minlength="10" placeholder="10+ characters"></label>{% endif %}
    <button class="button" type="submit">{% if mode == 'forgot' %}Send reset link{% else %}Save password{% endif %} <span aria-hidden="true">→</span></button>
  </form>
</section>
{% endblock %}