{% extends "page_view.html" %}
{% load i18n %}
{% block head %}
  {{ block.super }}
  {{ form.media.css }}
  {{ formset.media.css }}
  {% for inline in inlines %}{{ inline.media.css }}{% endfor %}
{% endblock head %}
{% block page.content %}
  {% comment %}
    The gap spaces anything a page puts before or after the form, and spaces
    those pieces from each other — several stacked alerts, most often.
  {% endcomment %}
  <div class="w-full lg:max-w-4xl flex flex-col gap-4">
    {% block before_form %}
    {% endblock before_form %}
    <c-form title="{{ page.title }}"
            icon="{{ page.icon }}"
            method="post"
            action="{{ request.path }}"
            :form-obj="form"
            :formset="formset"
            :inlines="inlines">
      {% if next_url %}<input type="hidden" name="next" value="{{ next_url }}">{% endif %}
      {% block formset %}
        {% if formset %}<c-form.formset :formset="formset" />{% endif %}
        {% for inline in inlines %}<c-form.formset :formset="inline" />{% endfor %}
      {% endblock formset %}
      {% block actions %}
        <c-group breakpoint="md" wrap>
          <c-button text="{% trans "Save & continue" %}"
                    icon="arrow-right"
                    type="submit"
                    name="default_next"
                    reverse
                    value="list"
                    variant="primary" />
          {% comment %} <c-button text="{% trans "Save & view" %}" type="submit" name="default_next" value="detail" variant="primary" outline />
          <c-button text="{% trans "Save & add another" %}"
                    type="submit"
                    name="default_next"
                    value="create"
                    variant="primary"
                    outline /> {% endcomment %}
          <c-button text="{% trans "Save & continue editing" %}"
                    type="submit"
                    name="default_next"
                    value="update"
                    variant="primary"
                    outline />
          {% if delete_url %}
            <c-button text="{% trans "Delete" %}"
                      href="{{ delete_url }}"
                      icon="delete"
                      variant="error" />
          {% endif %}
        </c-group>
      {% endblock actions %}
    </c-form>
    {% block after_form %}
    {% endblock after_form %}
  </div>
{% endblock page.content %}
{% block extra_js %}
  {{ block.super }}
  {{ form.media.js }}
  {{ formset.media.js }}
  {% for inline in inlines %}{{ inline.media.js }}{% endfor %}
{% endblock extra_js %}