{% extends "base.html" %}
{% load bootstrap4 wagtailcore_tags %}
{% block content %}
<div class="container mt-4">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <h3>{{page.title}}</h3>
            {{ page.rules|richtext }}
        </div>
    </div>
    {% if author and images %}
    <form enctype="multipart/form-data" method="post" action="">
        {% csrf_token %}
        <div class="row justify-content-center">
            <div class="col-md-8 col-lg-6">
                {% bootstrap_form author %}
            </div>
        </div>

        <div class="row justify-content-center">
            {{ images.management_form }}
            {% for form in images %}
            <div class="col-md-6 col-lg-4">
                {% bootstrap_form form %}
            </div>
            {% endfor %}
        </div>
        <div class="row justify-content-center text-center">
            <div class="col-md-4">
                {% buttons %}
                <button type="submit" class="btn btn-primary">
                    Save
                </button>
                {% endbuttons %}
            </div>
        </div>
    {% endif %}

</div>
{% endblock %}