{% extends "adminlte/auth/auth-master.html" %}
{% load i18n adminlte %}

{% block body_class %}register-page{% endblock %}
{% block box_class %}register-box{% endblock %}

{% block auth_body %}
    <p class="register-box-msg">{% trans 'Register a new membership' %}</p>

    {% if form.non_field_errors %}
        <div class="alert alert-danger" role="alert">
            {% for error in form.non_field_errors %}{{ error }}{% if not forloop.last %}<br>{% endif %}{% endfor %}
        </div>
    {% endif %}

    <form action="" method="post">
        {% csrf_token %}
        {% if next %}<input type="hidden" name="next" value="{{ next }}">{% endif %}

        {% for field in form.visible_fields %}
            <div class="mb-3">
                {% if field.label %}<label for="{{ field.id_for_label }}" class="form-label">{{ field.label }}</label>{% endif %}
                {% if field.errors %}{{ field|add_class:"form-control is-invalid" }}{% else %}{{ field|add_class:"form-control" }}{% endif %}
                {% for error in field.errors %}<div class="invalid-feedback d-block">{{ error }}</div>{% endfor %}
                {% if field.help_text %}<div class="form-text">{{ field.help_text|safe }}</div>{% endif %}
            </div>
        {% endfor %}

        <div class="row">
            <div class="col-12">
                <button type="submit" class="btn btn-primary w-100">{% trans 'Register' %}</button>
            </div>
        </div>
    </form>

    {% url 'login' as login_url %}
    {% if login_url %}
        <p class="mt-3 mb-0"><a href="{{ login_url }}" class="text-center">{% trans 'I already have a membership' %}</a></p>
    {% endif %}
{% endblock %}