{% extends "base-nosidebar.html" %}
{% load static %}

{% block headtitle %}{{ page_heading|default:"作品馆" }} · {{ PORTAL_NAME }}{% endblock headtitle %}
{% block headermeta %}
<meta name="description" content="{{ page_description }}">
<meta property="og:title" content="{{ page_heading|default:'作品馆' }} · {{ PORTAL_NAME }}">
<meta property="og:description" content="{{ page_description }}">
<meta property="og:type" content="website">
<meta property="og:url" content="{{ canonical_url|default:FRONTEND_HOST|escape }}">
<link rel="canonical" href="{{ canonical_url|default:FRONTEND_HOST|escape }}">
{% endblock headermeta %}
{% block topimports %}
{{ block.super }}
<link rel="stylesheet" href="{% static 'archive_index/archive.css' %}?v=5">
{% endblock topimports %}

{% block beforecontent %}
{% include "components/header.html" %}
<div id="app-sidebar" hidden aria-hidden="true"></div>
{% endblock beforecontent %}

{% block innercontent %}
<main class="archive-shell">
  <header class="archive-intro">
    <div>
      <span class="archive-eyebrow">AI CINEMA ARCHIVE</span>
      <h1>{{ page_heading|default:"作品馆" }}</h1>
      <p>{{ page_description }}</p>
    </div>
    <a class="archive-submit-link" href="{% url 'digua_portal:submit_guide' %}">我要投稿</a>
  </header>

  <form class="catalog-search-form" action="/archive/" method="get" role="search" aria-label="作品馆搜索">
    <label class="sr-only" for="archive-query">搜索片名、作者或模型</label>
    <input id="archive-query" name="q" type="search" value="{{ search }}" maxlength="100" placeholder="搜片名、作者或模型">
    {% for key,value in filter_pairs %}<input type="hidden" name="{{ key }}" value="{{ value }}">{% endfor %}
    <button type="submit">搜索作品</button>
  </form>
  {% include "archive_index/filters.html" %}
  {% if home_items %}
  <section id="film-grid" class="catalog-grid" aria-label="作品列表" tabindex="-1">{% include "archive_index/cards.html" %}</section>
  {% include "archive_index/pagination.html" %}
  {% else %}<section class="catalog-empty"><h2>暂未找到相关作品</h2><p>可以试试更短的片名，或清除时长、分类筛选。</p><a href="/archive/">浏览全部作品</a></section>{% endif %}

</main>
{% endblock innercontent %}