{% extends "page_view.html" %}
{% load i18n static crispy_forms_tags mvp %}
{% block title %}
  {{ page.title }}
  {% if page_obj and page_obj.paginator.num_pages > 1 %}
    {% blocktrans with number=page_obj.number total=page_obj.paginator.num_pages %}(page {{ number }} of {{ total }}){% endblocktrans %}
  {% endif %}
{% endblock title %}
{% block page.title %}
  {% comment %}
    The page's own action stays at the end of the title row at every width.
    The controls that act on the list sit in the toolbar below, with the
    results they change.
  {% endcomment %}
  <c-mvp.page.title :title="page.title"
                :subtitle="page.subtitle"
                :info="page.info"
                :info_actions="page.info_actions"
                inline_actions>
    <c-slot name="actions">
      {% block page.actions %}
        <c-mvp.page.list.actions.create />
      {% endblock page.actions %}
    </c-slot>
  </c-mvp.page.title>
{% endblock page.title %}
{% block page.content %}
  {% comment %}
    Each part of the page is its own block, so a project can replace one and
    keep the rest: page.toolbar (and inside it page.search, page.summary and
    page.controls), page.refinements, page.results (and inside it page.empty),
    and page.pagination.
  {% endcomment %}
  <div class="flex flex-col gap-4 mt-3">
    {% block page.toolbar %}
      <c-mvp.page.list.toolbar>
        <c-slot name="search">
          {% block page.search %}
            <c-mvp.page.list.actions.search class="w-full" input_class="min-w-0" />
          {% endblock page.search %}
        </c-slot>
        <c-slot name="summary">
          {% block page.summary %}
            <c-mvp.page.list.summary />
          {% endblock page.summary %}
        </c-slot>
        {% block page.controls %}
          <c-mvp.page.list.actions :actions="['sort','filter']" />
        {% endblock page.controls %}
      </c-mvp.page.list.toolbar>
    {% endblock page.toolbar %}
    {% block page.refinements %}
      <c-mvp.page.list.refinements />
    {% endblock page.refinements %}
    {% block page.results %}
      <c-mvp.page.list :list="object_list"
                   :attrs="grid_config"
                   :card="list_item_template">
        <c-slot name="empty">
          {% block page.empty %}
            <c-mvp.page.list.empty :attrs="empty_state" />
          {% endblock page.empty %}
        </c-slot>
      </c-mvp.page.list>
    {% endblock page.results %}
  </div>
  {% block page.pagination %}
    {% if page_obj %}<c-mvp.page.list.footer :page_obj="page_obj" class="mt-5" />{% endif %}
  {% endblock page.pagination %}
{% endblock page.content %}
{% block extra_js %}
  {{ block.super }}
  <script src="{% static "js/list_view.js" %}"></script>
{% endblock extra_js %}