{% extends "base.html" %}

{% block title %}Member Registration · Online Book Indent{% endblock %}

{% block content %}
<section class="form-card">
    <h1>Member Registration</h1>
    <p class="muted">
        Register to submit book recommendations through the library.
        Your account requires librarian approval before you can log in.
    </p>

    <form method="post">
        {% csrf_token %}

        {{ form.non_field_errors }}

        {% for field in form %}
            <div class="form-group">
                <label for="{{ field.id_for_label }}">{{ field.label }}</label>
                {{ field }}
                {% if field.help_text %}
                    <small class="muted">{{ field.help_text|safe }}</small>
                {% endif %}
                {{ field.errors }}
            </div>
        {% endfor %}

        <button class="primary full" type="submit">
            Submit Registration
        </button>
    </form>

    <p class="muted">
        Already registered?
        <a href="{% url 'login' %}">Sign in</a>
    </p>
</section>
{% endblock %}