{% extends "ordr:templates/layout.jinja2" %}

{% block title %} Ordr | Registration {% endblock title %}

{% block content %}
    <div class="row justify-content-md-center mt-3">
        <div class="col-6">
            <h1>Registration</h1>
        </div>
    </div>
    <div class="row justify-content-md-center mt-3">
        <div class="col-2">
            <p class="text-primary">
                Step 1: Registration
            </p>                            
        </div>
        <div class="col-2">
            <p class="text-secondary">
                Step 2: Validate Email
            </p>                            
        </div>
        <div class="col-2">
            <p class="text-secondary">
                Step 3: Finished
            </p>                            
        </div>
    </div>
    <div class="row justify-content-md-center mt-3">
        <div class="col-6">
            {{ form.render()|safe }}
        </div>
    </div>
{% endblock content %}