{% extends "base.html" %}

{% block content %}
<div class="site-title">register</div>
<div class="site-subtitle">:: no more free gabagool ::</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/register">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <div class="form-field">
      <label class="form-label">username</label>
      <input class="form-input" type="text" name="username" required minlength="2" maxlength="32" autocomplete="username">
    </div>
    <div class="form-field">
      <label class="form-label">email</label>
      <input class="form-input" type="email" name="email" required autocomplete="email">
    </div>
    <div class="form-field">
      <label class="form-label">password</label>
      <input class="form-input" type="password" name="password" required minlength="8" autocomplete="new-password">
    </div>
    <button class="form-submit" type="submit">register →</button>
  </form>
  <div class="post-meta" style="margin-top:10px;">
    already have an account? <a href="/auth/login" style="color:#d4879c;">login here</a>
  </div>
</div>
{% endblock %}