{% extends "soldworld/base.html" %}
{% block content %}
<div class="toolbar"><h1>收藏<span class="count">{{ records.paginator.count|stringformat:'02d' }}</span></h1><nav class="category-tabs" aria-label="筛选类别"><a href="/" {% if not kind %}class="active" aria-current="true"{% endif %}>全部</a>{% for key,label in sw_types.items %}<a href="/?type={{ key }}" {% if kind == key %}class="active" aria-current="true"{% endif %}>{{ label }}</a>{% endfor %}</nav></div>
<form class="filters" method="get">
  <input type="hidden" name="type" value="{{ kind }}"><input type="hidden" name="q" value="{{ query }}">
  <select name="status" aria-label="状态"><option value="">全部状态</option>{% for key,label in statuses.items %}<option value="{{ key }}" {% if status == key %}selected{% endif %}>{{ label }}</option>{% endfor %}</select>
  <select name="sort" aria-label="排序"><option value="recent" {% if sort == "recent" %}selected{% endif %}>最近添加</option><option value="score" {% if sort == "score" %}selected{% endif %}>评分最高</option><option value="title" {% if sort == "title" %}selected{% endif %}>作品名称</option></select><button type="submit">筛选</button>{% if query %}<span class="query-label">{{ query }}</span>{% endif %}
</form>
{% if records %}<div class="grid">{% for record in records %}<article class="media-card" data-record="{{ record.kind }}-{{ record.pk }}">
  <a class="poster-shell" href="{{ record.public_url }}" aria-label="{{ record.item.title }}"><span class="poster-fallback" {% if record.item.image %}aria-hidden="true"{% endif %}>{{ record.item.title|truncatechars:36 }}</span>{% if record.item.image %}<img class="poster" src="{{ record.item.image }}" alt="{{ record.item.title }}" loading="lazy" decoding="async" referrerpolicy="no-referrer" data-cover>{% endif %}</a>
  <h2><a href="{{ record.public_url }}">{{ record.item.title }}</a></h2><div class="meta"><span>{{ record.kind_label }}</span><span>{{ record.status_label }}</span></div><div class="record-rule {% if record.status == 'Completed' %}completed{% endif %}"></div>
  <div class="record-bottom"><time {% if record.timeline_date %}datetime="{{ record.timeline_date|date:'Y-m-d' }}"{% endif %}>{% if record.timeline_date %}{{ record.timeline_date|date:'Y.m.d' }}{% else %}—{% endif %}</time>{% if record.score != None %}<span>★ {{ record.score }}</span>{% endif %}</div>
  {% if record.status != 'Completed' and record.progress %}<small class="progress-label">{{ record.formatted_progress }}</small>{% endif %}
</article>{% endfor %}</div>{% else %}<div class="empty"><p>暂无记录</p>{% if request.user.is_authenticated %}<a class="button" href="/search?media_type=anime&amp;q=">搜索作品</a><a class="button" href="/create">手动添加</a>{% endif %}</div>{% endif %}
{% include 'soldworld/pagination.html' %}
{% endblock %}