{% extends "base.html" %}
{% block title %}Register - {{ config.APP_NAME }}{% endblock %}
{% block content %}
<div class="auth-card">
    <h1>Create Account</h1>
    <form method="POST" novalidate>
        {{ form.hidden_tag() }}
        <div class="field">
            {{ form.username.label }}
            {{ form.username(size=32) }}
            {% for error in form.username.errors %}<div class="error">{{ error }}</div>{% endfor %}
        </div>
        <div class="field">
            {{ form.email.label }}
            {{ form.email(size=32) }}
            {% for error in form.email.errors %}<div class="error">{{ error }}</div>{% endfor %}
        </div>
        <div class="field">
            {{ form.password.label }}
            {{ form.password(size=32) }}
            {% for error in form.password.errors %}<div class="error">{{ error }}</div>{% endfor %}
        </div>
        <div class="field">
            {{ form.confirm_password.label }}
            {{ form.confirm_password(size=32) }}
            {% for error in form.confirm_password.errors %}<div class="error">{{ error }}</div>{% endfor %}
        </div>
        {{ form.submit(class_="btn-primary") }}
    </form>
    <p>Already have an account? <a href="{{ url_for('auth.login') }}">Log in here</a></p>
</div>
{% endblock %}