{% extends "page_view.html" %}
{% load i18n static crispy_forms_tags mvp %}
{% block page.actions %}
  <c-list.actions />
{% endblock page.actions %}
{% block page.content %}
  <div class="mt-5">
    {% 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" />
  </div>
  {% if page_obj %}
    <div class="w-full flex justify-center align-center">
      <c-navigation.pagination :page_obj="page_obj" />
    </div>
  {% endif %}
{% endblock page.content %}
{% block extra_js %}
  {{ block.super }}
  <script src="{% static "js/list_view.js" %}"></script>
{% endblock extra_js %}