{% extends "eadmin/base.html" %}
{% block title %}{{ model_verbose_name }} · EAdmin{% endblock %}
{% block content %}
  <section class="ea-fade mb-8 flex flex-col gap-5 sm:flex-row sm:items-end"><div><p class="ea-eyebrow">Content workspace</p><h1 class="ea-page-title mt-2 text-4xl font-extrabold">{{ model_verbose_name }}</h1><p class="mt-2 text-sm text-base-content/50">搜索、编辑并维护站点数据。</p></div>{% if can_add %}<a class="btn btn-primary rounded-xl shadow-lg shadow-primary/20 sm:ml-auto" href="{% url 'eadmin:model-create' model_name %}{% if preserved_filters %}?_changelist_filters={{ preserved_filters|urlencode }}{% endif %}"><span class="text-lg">＋</span> 新增{{ model_verbose_name }}</a>{% endif %}</section>
  <section class="ea-card ea-fade card"><div class="card-body gap-6 p-4 sm:p-6">
    <form id="eadmin-filters" class="ea-filter-toolbar" method="get" hx-get="{% url 'eadmin:model-list' model_name %}" hx-target="#eadmin-table" hx-push-url="true" hx-indicator="#table-loading"><label class="ea-search input flex items-center gap-3"><span class="text-lg text-primary">⌕</span><input class="grow bg-transparent" name="q" value="{{ query }}" placeholder="搜索{{ model_verbose_name }}…"></label>{% for filter in filters %}<details class="ea-select-control ea-list-filter"><summary class="ea-select-trigger"><span class="ea-filter-label">{{ filter.label }}</span><span class="ea-select-value truncate">{{ filter.selected_label }}</span><svg class="ea-select-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8"><path d="m5 7.5 5 5 5-5"/></svg></summary><input type="hidden" name="{{ filter.name }}" value="{{ filter.value }}"><div class="ea-select-menu"><button class="ea-select-option" type="button" onclick="const control=this.closest('details');control.querySelector('input').value='';control.querySelector('.ea-select-value').textContent='全部';control.removeAttribute('open');"><span>全部{{ filter.label }}</span></button>{% for value, label in filter.options %}<button class="ea-select-option {% if value == filter.value %}is-selected{% endif %}" type="button" onclick="const control=this.closest('details');control.querySelector('input').value='{{ value|escapejs }}';control.querySelector('.ea-select-value').textContent='{{ label|escapejs }}';control.removeAttribute('open');"><span>{{ label }}</span><span class="ea-select-check">✓</span></button>{% endfor %}</div></details>{% endfor %}<button class="btn btn-primary rounded-xl px-5" type="submit">搜索</button><a class="btn btn-error rounded-xl px-4 text-error-content" href="{% url 'eadmin:model-list' model_name %}">重置</a><span id="table-loading" class="ea-loading self-center loading loading-spinner loading-sm text-primary"></span></form>
    {% if actions %}<form id="eadmin-actions" action="{% url 'eadmin:model-action' model_name %}" method="post" class="ea-bulk-toolbar mt-5 border-t border-base-200 pt-5">{% csrf_token %}<details class="ea-select-control ea-bulk-select"><summary class="ea-select-trigger"><span class="ea-filter-label">批量操作</span><span class="ea-select-value">{{ actions.0.label }}</span><svg class="ea-select-chevron" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8"><path d="m5 7.5 5 5 5-5"/></svg></summary><input type="hidden" name="action" value="{{ actions.0.name }}"><div class="ea-select-menu">{% for action in actions %}<button class="ea-select-option {% if forloop.first %}is-selected{% endif %}" type="button" data-action="{{ action.name }}" data-label="{{ action.label }}" onclick="const control=this.closest('details');control.querySelector('input[name=action]').value=this.dataset.action;control.querySelector('.ea-select-value').textContent=this.dataset.label;control.querySelectorAll('.ea-select-option').forEach(item => item.classList.remove('is-selected'));this.classList.add('is-selected');control.removeAttribute('open');"><span>{{ action.label }}</span><span class="ea-select-check">✓</span></button>{% endfor %}</div></details><button class="btn btn-error ea-bulk-run rounded-xl text-error-content" type="submit"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6h18M9 6V4h6v2m-8 0 1 14h8l1-14"/></svg>执行操作</button></form>{% endif %}
    <div id="eadmin-table" class="{% if actions %}mt-4{% endif %}">{% include "eadmin/partials/object_table.html" %}</div>
  </div></section>
{% endblock %}