{% extends "base.html" %} {% block title %}Register{% endblock %} {% block
content %}
<div class="container">
  <h1>Register</h1>
  {% if errors %}
  <div class="alert alert-error">
    <ul>
      {% for error in errors %}
      <li>{{ error }}</li>
      {% endfor %}
    </ul>
  </div>
  {% endif %}
  <form id="register-form" method="post" action="{{ form_action }}">
    <div class="form-group">
      <label for="username">Username:</label>
      <input
        type="text"
        id="username"
        name="username"
        value="{{ form_data.username if form_data else '' }}"
        required
      />
    </div>
    <div class="form-group">
      <label for="email">Email:</label>
      <input
        type="email"
        id="email"
        name="email"
        value="{{ form_data.email if form_data else '' }}"
        required
      />
    </div>
    <div class="form-group">
      <label for="password">Password:</label>
      <input type="password" id="password" name="password" required />
    </div>
    <button type="submit" class="btn primary">Register</button>
  </form>
  <p>Already have an account? <a href="/login">Login here</a></p>
</div>
{% endblock %}
