{% extends "base.html" %}
{% block title %}{{ title }}{% endblock %}
{% block content %}
    <div class="container text-center rounded-3 mt-2 mb-2" style="{{ theme.form.div_style }};">
        <h1 class="account-heading" style="color: {{ theme.orange }};">{{ title }}</h1>
    </div>
    <div class="container rounded-3 " style="{{ theme.form.div_style }};">
        {% include 'form.html' %}
        {% if extraButtons %}
    </div>
            <div class="container text-left rounded-3 mt-2 mb-2" style="{{ theme.form.div_style }};">
                <div class="btn-group">
                    <br>
                    {% for button in extraButtons %}
                        <li><a href ="{{ button.link }}" class="{{ theme.form.submit_class }}" style="{{ theme.form.submit_style }}">{{ button.name }}<a>
                    {% endfor %}
                    <br>
                </div>
        {% endif %}
    </div>
    
{% endblock content %}