{% extends "soldworld/base.html" %}
{% block title %}时间线{% endblock %}
{% block content %}
<div class="toolbar"><h1>时间线<span class="count">{{ records.paginator.count|stringformat:'02d' }}</span></h1><nav class="category-tabs" aria-label="筛选类别"><a href="/timeline/" {% if not kind %}class="active" aria-current="true"{% endif %}>全部</a>{% for key,label in sw_types.items %}<a href="/timeline/?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="q" value="{{ query }}"><input type="hidden" name="type" value="{{ kind }}"><select name="year" aria-label="年份"><option value="">全部年份</option>{% for value in years %}<option value="{{ value }}" {% if year == value|stringformat:'s' %}selected{% endif %}>{{ value }} 年</option>{% endfor %}</select><button type="submit">筛选</button>{% if query %}<span class="query-label">{{ query }}</span>{% endif %}</form>
{% if records %}<div class="timeline">{% for record in records %}
  {% ifchanged record.timeline_date %}<h2 class="day">{% if record.timeline_date %}<time datetime="{{ record.timeline_date|date:'Y-m-d' }}">{{ record.timeline_date|date:'Y-m-d' }}</time>{% else %}日期未填写{% endif %}</h2>{% endifchanged %}
  <article class="timeline-entry" 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.kind_label }}</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>
    <div><h3><a href="{{ record.public_url }}">{{ record.item.title }}</a></h3><small>{{ record.kind_label }} · {{ record.status_label }}{% if record.score != None %} · ★ {{ record.score }}{% endif %}</small>{% if record.notes %}<p class="note-preview">{{ record.notes|truncatechars:140 }}</p>{% endif %}</div>
  </article>
{% endfor %}</div>{% else %}<div class="empty"><p>暂无记录</p>{% if request.user.is_authenticated %}<a class="button" href="/create">添加记录</a>{% endif %}</div>{% endif %}
{% include 'soldworld/pagination.html' %}
{% endblock %}