{% extends 'djmvc/base.html' %}
{% load djmvc crispy_forms_tags i18n %}

{% block content %}
<div class="columns is-centered">
    <div class="column is-8-tablet is-6-desktop">
        {% block modal_wrapper %}
        <div class="box" up-main="modal">
            <div class="level mb-4">
                {% block header %}
                <div class="level-left">
                    <h2 class="title is-4">
                        {% block title %}
                        {{ view.title }}
                        {% endblock %}
                    </h2>
                </div>
                <div class="level-right">
                    {% block title_actions %}{% endblock %}
                </div>
                {% endblock %}
            </div>

            {% block before_form %}{% endblock %}

            <form method="post"
                {% block form_attrs %}
                {{ view.form_attributes|html_attributes }}
                {% endblock %}
                {% if form.is_multipart %}enctype="multipart/form-data"{% endif %}>
                {% csrf_token %}

                {% block before_message %}{% endblock %}

                {% block message %}
                {% if view.message %}
                <p>{{ view.message }}</p>
                {% endif %}
                {% endblock %}

                <input type="hidden" name="next" value="{% if request.POST.next %}{{ request.POST.next }}{% elif request.GET.next %}{{ request.GET.next }}{% elif request.META.HTTP_REFERER %}{{ request.META.HTTP_REFERER }}{% else %}/{% endif %}">

                {% block form_content %}
                {% block form_fields %}
                {{ form|crispy }}
                {% endblock %}
                {% endblock %}

                <div class="field is-grouped is-grouped-right mt-4">
                    {% block form_buttons %}
                    {% if view.cancel_url %}
                    <p class="control">
                        <button type="button" class="button" up-dismiss>{% trans "Close" %}</button>
                    </p>
                    {% endif %}
                    <p class="control">
                        <button type="submit" class="button is-{{ view.color|default:'primary' }}">
                            {% block submit_button_label %}
                            {{ view.submit_button_label }}
                            {% endblock %}
                        </button>
                    </p>
                    {% endblock %}
                </div>
            </form>
            {{ form.media }}
        </div>
        {% endblock %}
    </div>
</div>
{% endblock %}

{% block extra_css %}{{ block.super }}{{ form.media.css }}{% endblock %}
{% block extra_js %}{{ block.super }}{{ form.media.js }}{% endblock %}