{% extends "page_view.html" %}
{% load i18n static crispy_forms_tags mvp %}
{% block page.actions %}
  <c-list.toolbar />
{% endblock page.actions %}
{% block page.content-wrapper %}
  <c-page.content class="py-4">
    {% block page.title %}
      <c-page.title :attrs="page">
        <c-slot name="actions">
          <c-list.toolbar />
        </c-slot>
      </c-page.title>
    {% endblock page.title %}
    {% if page_obj %}
      <c-text small>
        {% with start=page_obj.start_index end=page_obj.end_index total=page_obj.paginator.count %}
          {% blocktrans with name_plural=model_info.verbose_name_plural %}
          Showing {{ start }}-{{ end }} of {{ total }} {{ name_plural }}
          {% endblocktrans %}
        {% endwith %}
      </c-text>
    {% endif %}
    <c-list :list="object_list"
            :attrs="grid_config"
            :card="list_item_template"
            :empty_state="empty_state" />
  </c-page.content>
{% endblock page.content-wrapper %}
{% block page.footer %}
  {% if page_obj %}
    <div class="d-flex flex-center w-100">
      <c-pagination :page_obj="page_obj" />
    </div>
  {% endif %}
{% endblock page.footer %}
{% block extra_js %}
  <c-modal id="filterModal" centered>
    <c-form.card id="filterForm"
                 title="{% trans "Filter" %}"
                 icon="filter"
                 method="get"
                 action="{{ action|default:"." }}"
                 :form-obj="filter.form">
      <c-slot name="actions">
        <c-button text="{% trans "Submit" %}"
                  variant="primary"
                  type="submit" />
      </c-slot>
    </c-form.card>
  </c-modal>
  {{ block.super }}
  <script src="{% static "js/list_view.js" %}"></script>
{% endblock extra_js %}