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

{% block extrastyle %}
  {{ block.super }}
  {% if not unfold %}<link rel="stylesheet" href="{% static 'admin/css/changelists.css' %}">{% endif %}
  {{ media.css }}
{% endblock extrastyle %}

{% block extrahead %}{{ block.super }}{{ media.js }}{% endblock %}

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

{% block breadcrumbs %}
  {% if django_6 %}
    <ol class="breadcrumbs">
      <li><a href="{% url 'admin:index' %}">{% translate "Home" %}</a></li>
      <li><a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a></li>
      <li><a href="{{ changelist_url }}">{{ opts.verbose_name_plural|capfirst }}</a></li>
      <li aria-current="page">{% translate "Calendar" %}</li>
    </ol>
  {% else %}
    <div class="breadcrumbs">
      <a href="{% url 'admin:index' %}">{% translate "Home" %}</a>
      &rsaquo; <a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
      &rsaquo; <a href="{{ changelist_url }}">{{ opts.verbose_name_plural|capfirst }}</a>
      &rsaquo; {% translate "Calendar" %}
    </div>
  {% endif %}
{% endblock breadcrumbs %}

{% block nav-global-side %}
  {% if unfold %}
    {% translate "List" as list_title %}
    <ul class="flex">{% include "unfold/helpers/tab_action.html" with title=list_title link=changelist_url icon="list" %}</ul>
  {% endif %}
{% endblock nav-global-side %}

{% block content %}
  <div id="content-main">
    {% if not unfold %}
      <ul class="object-tools">
        <li><a href="{{ changelist_url }}">{% translate "List" %}</a></li>
        {% if has_add_permission %}
          {% url opts|admin_urlname:"add" as add_url %}
          <li><a href="{{ add_url }}" class="addlink">{% blocktranslate with name=opts.verbose_name %}Add {{ name }}{% endblocktranslate %}</a></li>
        {% endif %}
      </ul>
    {% endif %}
    {# The changelist's filters and search: they keep the calendar's view and date. #}
    <div data-django-ec-calendar-keep-state>
      {% if unfold and cl %}
        <div class="flex flex-col flex-wrap gap-3 mb-4 sm:flex-row empty:hidden">
          {% search_form cl %}
          {% include "unfold/helpers/change_list_filter_horizontal.html" %}
          {% include "unfold/helpers/change_list_filter_button.html" %}
        </div>
        <div class="flex flex-row gap-4">
          <div class="grow min-w-0">
            {% include "django_ec_calendar/calendar.html" with id="django-ec-calendar" config=calendar %}
          </div>
          {% include "unfold/helpers/change_list_filter_vertical.html" %}
        </div>
      {% elif cl %}
        <div class="module{% if cl.has_filters %} filtered{% endif %}" id="changelist">
          <div class="changelist-form-container">
            {% if django_6 %}{% include "django_ec_calendar/admin/filters.html" %}{% endif %}
            <div>
              {% search_form cl %}
              {% include "django_ec_calendar/calendar.html" with id="django-ec-calendar" config=calendar %}
            </div>
          </div>
          {% if not django_6 %}{% include "django_ec_calendar/admin/filters.html" %}{% endif %}
        </div>
      {% else %}
        {% include "django_ec_calendar/calendar.html" with id="django-ec-calendar" config=calendar %}
      {% endif %}
    </div>
  </div>
{% endblock content %}