{% extends "base.html" %}
{% load bootstrap4 %}
{% block title %}Registration{% endblock title %}

{% block content %}
<section class="page-section" id="services">
    <div class="container">
        {%if message%}
        <div style="text-align: center;">
            {{message}}
        </div>
        {%else%}
        <div style="text-align: center;">
            <br>
            <h1>Register</h1>
            {% if form.errors %}
            <p>
                Credentials don't match up or missing field.
            </p>
            {% else %}
            <p>Please, use the following form to register</p>
            {% endif %}
        </div>

        <form action="" method="post" class="form">
            {% csrf_token %}
            {% bootstrap_form form %}
            {% buttons %}
            <input type="hidden" name="next" value="{{ next }}" />
            <button type="submit" class="btn btn-primary">Register</button>
            {% endbuttons %}
        </form>
        {%endif%}
    </div>
</section>
{% endblock content %}