{% load i18n crispy_forms_tags conjunto %}
{% comment %}
Block create/edit modal. Posts to the current URL (create or update);
hx-target="this" so a validation error (HTTP 200) re-renders the form in
place, while success (HTTP 204) closes the modal via the ``closeModal``
HX-Trigger and refreshes the block list via ``cms:blocks-changed``.

{{ form.media }} + conjunto_require_tinymce are mandatory: the body fields
use a ``textarea.tinymce`` widget that silently degrades without them.
{% endcomment %}
<form id="modal-form" class="modal-content"
      method="post" hx-post="{{ request.path }}"
      hx-target="this" hx-swap="outerHTML"
      hx-encoding="multipart/form-data" enctype="multipart/form-data">
  {% csrf_token %}
  <div class="modal-header">
    <h5 class="modal-title">{{ modal_title }}</h5>
    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% translate 'Cancel' %}"></button>
  </div>
  <div class="modal-body">
    {% if form.non_field_errors %}
      <div class="alert alert-danger" role="alert">
        {% for error in form.non_field_errors %}<p>{{ error }}</p>{% endfor %}
      </div>
    {% endif %}
    {{ form|crispy }}

    {% if formset %}
      <fieldset class="mt-3">
        <legend class="h4">{% translate "Items" %}</legend>
        {{ formset.management_form }}
        {{ formset.as_div }}
      </fieldset>
    {% endif %}
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-link" data-bs-dismiss="modal">{% translate "Cancel" %}</button>
    <button type="submit" class="btn btn-primary">{% translate "Save" %}</button>
  </div>
  {% conjunto_require_tinymce %}
  {{ form.media }}
</form>