{% load i18n common crispy_extra crispy_forms_filters crispy_forms_tags %}

<div class="formset orderable {{ css_class }}" data-formset-prefix="{{ formset.prefix }}" {{ div.flat_attrs|safe }}>

  {% if formset_tag %}
    <form {{ flat_attrs|safe }} method="{{ formset_method }}"
                                {% if formset.is_multipart %}enctype="multipart/form-data"{% endif %}>
  {% endif %}

  {% if formset_method|lower == 'post' and not disable_csrf %}
    {% csrf_token %}
  {% endif %}
  {% with label=formset.empty_form.form_name_plural|default_if_none:formset.verbose_name_plural %}
    {% if label %}
      <label class="formset-label">{{ label }}:</label>
    {% endif %}
  {% endwith %}
  {{ formset.management_form|crispy }}
  {#  {% include "foundation-6/errors_formset.html" %}#}

  {% if formset.empty_form.header_row_helper %}
    <div class="formset-header-row">
      {% with formset.empty_form.header_row_helper|disable_form_media as header_row_helper %}
        {% crispy formset.empty_form header_row_helper %}
      {% endwith %}
    </div>
  {% endif %}

  <div class="formset-body">
    {% for form in formset %}
      <div class="formset-form my-1">
        <div class="button-group tiny formset-buttons">
          {% if formset.can_order %}
            <button type="button" class="btn hollow dim formset-move-up-button" title="{% trans 'Move up' %}">
              <i class="mdi mdi-arrow-up-bold"></i>️
            </button>
            <button type="button" class="btn hollow dim formset-move-down-button"
                    title="{% trans 'Move down' %}">
              <i class="mdi mdi-long-arrow-down"></i>
            </button>
          {% endif %}
          <button type="button" class="btn btn-outline-danger formset-delete-button"
                  title="{% trans 'Delete' %}">
            <i class="mdi mdi-close"></i>
          </button>
        </div>
        {% with form_helper=form.helper|disable_form_tag|disable_form_media %}
          {% crispy form form_helper %}
        {% endwith %}
      </div>
    {% endfor %}
  </div>

  <template id="formset-{{ formset.prefix }}" data-formset-empty-form>
    <div class="formset-form my-1">
      {% with form_helper=formset.empty_form.helper|disable_form_tag|disable_form_media %}
        {% crispy formset.empty_form form_helper %}
      {% endwith %}
      <div class="button-group tiny formset-buttons">
        {% if formset.can_order %}
          <button type="button" class="btn hollow dim formset-move-up-button" title="{% trans 'Move up' %}">
            <i class="mdi mdi-arrow-up-bold"></i>️
          </button>
          <button type="button" class="btn hollow dim formset-move-down-button"
                  title="{% trans 'Move down' %}">
            <i class="mdi mdi-arrow-down-bold"></i>️
          </button>
        {% endif %}
        <button type="button" class="btn btn-outline-danger formset-delete-button"
                title="{% trans 'Delete' %}">
          <i class="mdi mdi-close"></i>
        </button>
      </div>


    </div>
  </template>
  <button type="button"
          class="btn btn-green expanded formset-add-button mdi {{ formset.empty_form.add_button_mdi|default:'mdi-plus' }}">
    {% blocktrans trimmed with title=formset.empty_form.add_button_title|default:formset.verbose_name %}
      Add {{ title }}
    {% endblocktrans %}
  </button>

  {% if inputs %}
    <div class="button-holder">
      {% for input in inputs %}
        {% include 'crispy_layouts/layout/baseinput.html' %}
      {% endfor %}
    </div>
  {% endif %}

  {% if formset_tag %}</form>{% endif %}

</div>