{% extends "admin/base_site.html" %}
{% load i18n admin_urls static admin_list djadmin %}

{% block title %}{% if cl.formset and cl.formset.errors %}{% translate "Error:" %} {% endif %}{{ block.super }}{% endblock %}

{% block extrastyle %}{{ block.super }}
  {{ media.css }}
  {% dj_url 'jsi18n' as dj_jsi18n %}{% if cl.formset or action_form %}<script src="{{ dj_jsi18n }}"></script>{% endif %}
{% endblock %}

{% block extrahead %}{{ block.super }}
  {{ media.js }}
  <script src="{% static 'admin/js/filters.js' %}" defer></script>
{% endblock %}

{% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} change-list{% endblock %}

{% block breadcrumbs %}
<ol class="breadcrumbs">
  <li><a href="{{ dj_index_url }}">{% translate 'Home' %}</a></li>
  {% dj_url 'app_list' cl.opts.app_label as dj_app_url %}<li><a href="{{ dj_app_url }}">{{ cl.opts.app_config.verbose_name }}</a></li>
  <li aria-current="page">{{ cl.opts.verbose_name_plural|capfirst }}</li>
</ol>
{% endblock %}

{% block coltype %}{% endblock %}

{% block content_subtitle %}
  {% if djadmin_help_text %}<p class="dj-subtitle">{{ djadmin_help_text }}</p>{% endif %}
{% endblock %}

{% block object-tools %}
<ul class="dj-object-tools object-tools">
  {% block object-tools-items %}
    {% change_list_object_tools %}
  {% endblock %}
</ul>
{% endblock %}

{% block content %}
{% djadmin_active_filter_count cl as dj_filter_count %}
<div id="content-main" class="dj-changelist{% if cl.has_filters %} dj-changelist--filterable{% endif %}" data-model="{{ opts.model_name }}">

  {% if cl.formset and cl.formset.errors %}
    <div class="dj-alert dj-alert--danger errornote">
      {% blocktranslate count counter=cl.formset.total_error_count %}Please correct the error below.{% plural %}Please correct the errors below.{% endblocktranslate %}
    </div>
    {{ cl.formset.non_form_errors }}
  {% endif %}

  <div class="dj-toolbar">
    {% block search %}{% search_form cl %}{% endblock %}
    <div class="dj-toolbar-actions">
      {% if cl.is_facets_optional %}
        <a class="dj-btn dj-btn--ghost" href="{% if cl.add_facets %}{{ cl.remove_facet_link }}{% else %}{{ cl.add_facet_link }}{% endif %}">
          {% dj_icon "chart" "dj-icon dj-icon--sm" %}{% if cl.add_facets %}{% translate "Hide counts" %}{% else %}{% translate "Show counts" %}{% endif %}
        </a>
      {% endif %}
      {% if cl.has_filters %}
        <button type="button" class="dj-btn dj-btn--ghost dj-filters-toggle" data-dj-filters-toggle aria-controls="changelist-filter" aria-expanded="false">
          {% dj_icon "filter" "dj-icon dj-icon--sm" %}<span>{% translate 'Filters' %}</span>
          {% if dj_filter_count %}<span class="dj-pill">{{ dj_filter_count }}</span>{% endif %}
        </button>
      {% endif %}
    </div>
  </div>

  {% block date_hierarchy %}{% if cl.date_hierarchy %}{% date_hierarchy cl %}{% endif %}{% endblock %}

  {% djadmin_active_filters cl as dj_chips %}
  {% if dj_chips %}
    <div class="dj-chips">
      {% for chip in dj_chips %}
        <a class="dj-chip" href="{{ chip.remove_url }}" title="{% translate 'Remove filter' %}">
          <span class="dj-chip-key">{{ chip.title|capfirst }}</span>
          <span class="dj-chip-value">{{ chip.display }}</span>
          {% dj_icon "x" "dj-icon dj-icon--xs" %}
        </a>
      {% endfor %}
      {% if cl.has_active_filters %}<a class="dj-chip dj-chip--clear" href="{{ cl.clear_all_filters_qs }}">{% translate 'Clear all' %}</a>{% endif %}
    </div>
  {% endif %}

  <div class="dj-changelist-body">
    <div class="dj-changelist-main module{% if cl.has_filters %} filtered{% endif %}" id="changelist">
      <form id="changelist-form" method="post"{% if cl.formset and cl.formset.is_multipart %} enctype="multipart/form-data"{% endif %} novalidate>{% csrf_token %}
        {% if cl.formset %}<div class="dj-hidden">{{ cl.formset.management_form }}</div>{% endif %}

        {% block result_list %}
          {% if action_form and actions_on_top and cl.show_admin_actions %}{% admin_actions %}{% endif %}
          {% result_list cl %}
          {% if action_form and actions_on_bottom and cl.show_admin_actions %}{% admin_actions %}{% endif %}
        {% endblock %}

        {% block pagination %}
          <div class="dj-changelist-foot changelist-footer">
            {% pagination cl %}
            {% if cl.formset and cl.result_count %}
              <button type="submit" name="_save" class="dj-btn dj-btn--primary default">{% translate 'Save' %}</button>
            {% endif %}
          </div>
        {% endblock %}
      </form>
    </div>

    {% block filters %}
      {% if cl.has_filters %}
      <aside id="changelist-filter" class="dj-filters" aria-labelledby="changelist-filter-header">
        <header class="dj-filters-head">
          <h2 id="changelist-filter-header">{% translate 'Filter' %}</h2>
          <button type="button" class="dj-icon-btn dj-filters-close" data-dj-filters-toggle aria-label="{% translate 'Close filters' %}">{% dj_icon "x" "dj-icon dj-icon--sm" %}</button>
        </header>
        {% if cl.has_active_filters %}
          <a class="dj-filters-clear" href="{{ cl.clear_all_filters_qs }}">{% dj_icon "x" "dj-icon dj-icon--xs" %}{% translate "Clear all filters" %}</a>
        {% endif %}
        <div class="dj-filters-body">
          {% for spec in cl.filter_specs %}{% admin_list_filter cl spec %}{% endfor %}
        </div>
      </aside>
      {% endif %}
    {% endblock %}
  </div>
</div>
{% endblock %}