{% load i18n %}
{% comment %}
  Footer below the inline: pagination or infinite-scroll status and the
  save-inline button. Override per inline with
  `inline_controls_footer_template`. The JS moves this element to the end
  of the inline and relies on the data-inline-controls-* attributes.
{% endcomment %}
{% block footer %}
  {% if controls.has_footer %}
    <div class="inline-controls-footer{% if controls.mode == 'infinite' %} inline-controls-infinite{% endif %}{% block footer_classes %}{% endblock %}">
      {% block footer_start %}{% endblock %}

      {% block footer_rows %}
        {% if controls.summary_rows %}
          <div class="inline-controls-footer-rows" data-inline-controls-footer-rows>
            {% for row in controls.summary_rows %}
              {% block footer_row %}
                <div class="inline-controls-footer-row" data-label="{{ row.label }}">
                  <span class="inline-controls-footer-label">{{ row.label }}:</span>
                  {% for cell in row.cells %}
                    {% block footer_cell %}
                      <span class="inline-controls-footer-cell" data-column="{{ cell.column }}" data-footer-key="{{ forloop.parentloop.counter0 }}:{{ cell.column }}" data-footer-row="{{ row.label }}" data-value="{{ cell.raw }}">
                        <span class="inline-controls-footer-column">{{ cell.column_label }}</span>
                        <span class="inline-controls-footer-value">{{ cell.value }}</span>
                      </span>
                    {% endblock footer_cell %}
                  {% endfor %}
                </div>
              {% endblock footer_row %}
            {% endfor %}
          </div>
        {% endif %}
      {% endblock footer_rows %}

      {% block pagination %}
        {% if controls.paginator %}
          {% if controls.mode == "infinite" %}
            {% block infinite %}
              {% block infinite_count %}
                <span class="inline-controls-count">
                  {% blocktranslate with loaded=controls.loaded_count|default:0 total=controls.total_count %}Showing {{ loaded }} of {{ total }}{% endblocktranslate %}
                </span>
              {% endblock infinite_count %}
              {% block load_more %}
                {% if controls.next_page_url %}
                  <a href="{{ controls.next_page_url }}" class="inline-controls-load-more" data-inline-controls-more>{% block load_more_label %}{% translate "Load more" %}{% endblock %}</a>
                {% endif %}
              {% endblock load_more %}
            {% endblock infinite %}
          {% else %}
            {% block page_links %}
              <nav class="inline-controls-pagination" aria-label="{% translate 'Pagination' %}">
                {% if controls.is_paginated %}
                  {% for link in controls.page_links %}
                    {% block page_link %}
                      {% if link.url is None %}
                        <span class="inline-controls-ellipsis">{{ link.number }}</span>
                      {% elif link.current %}
                        <span class="inline-controls-page inline-controls-current" aria-current="page">{{ link.number }}</span>
                      {% else %}
                        <a href="{{ link.url }}" class="inline-controls-page" data-inline-controls-nav>{{ link.number }}</a>
                      {% endif %}
                    {% endblock page_link %}
                  {% endfor %}
                {% endif %}
              </nav>
            {% endblock page_links %}
            {% block result_count %}
              <span class="inline-controls-count">
                {% blocktranslate count counter=controls.total_count %}{{ counter }} result{% plural %}{{ counter }} results{% endblocktranslate %}
              </span>
            {% endblock result_count %}
          {% endif %}
        {% endif %}
      {% endblock pagination %}

      {% block save %}
        {% if controls.save_url %}
          <div class="inline-controls-save">
            {% block save_status %}
              <span class="inline-controls-status" role="status" aria-live="polite"></span>
            {% endblock save_status %}
            {% block save_button %}
              <button type="button" class="button default" data-inline-controls-save title="{% translate 'Saves only this inline. Other changes on the page are kept but not saved.' %}">{% block save_label %}{{ controls.save_label }}{% endblock %}</button>
            {% endblock save_button %}
          </div>
        {% endif %}
      {% endblock save %}

      {% block row_actions_status %}
        {% if controls.has_row_actions %}
          <span class="inline-controls-row-actions-status"><span class="inline-controls-status" role="status" aria-live="polite"></span></span>
        {% endif %}
      {% endblock row_actions_status %}

      {% block footer_end %}{% endblock %}
    </div>
  {% endif %}
{% endblock footer %}