{% extends "base.html" %}
{% block title %}最近抓取 — News Harvester{% if pages > 1 %}
<div style="display:flex;gap:6px;justify-content:center;align-items:center;margin:16px 0;flex-wrap:wrap">
  {% if page > 1 %}<a class="btn btn-sm" href="?page={{ page - 1 }}">← 上一页</a>{% endif %}
  {% for p in range(1, pages + 1) %}
    {% if p == page %}<span class="btn btn-sm" style="background:#2a3a5a;cursor:default">{{ p }}</span>
    {% else %}<a class="btn btn-sm" href="?page={{ p }}">{{ p }}</a>{% endif %}
  {% endfor %}
  {% if page < pages %}<a class="btn btn-sm" href="?page={{ page + 1 }}">下一页 →</a>{% endif %}
</div>
{% endif %}

{% endblock %}
{% block extra_head %}
<style>
  details.lcard { background:#161923; border:1px solid #2a2d37; border-radius:6px; margin:10px 0; padding:0; }
  details.lcard > summary { cursor:pointer; padding:10px 14px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; list-style:none; }
  details.lcard > summary::-webkit-details-marker { display:none; }
  details.lcard > summary::before { content:"▸"; color:#666; }
  details.lcard[open] > summary::before { content:"▾"; }
  details.lcard .runinfo { color:#888; font-size:12px; }
  ul.arts { margin:0; padding:6px 14px 12px 28px; }
  ul.arts li { padding:4px 0; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
  ul.arts li .t { flex:1 1 auto; min-width:200px; }
</style>
{% if pages > 1 %}
<div style="display:flex;gap:6px;justify-content:center;align-items:center;margin:16px 0;flex-wrap:wrap">
  {% if page > 1 %}<a class="btn btn-sm" href="?page={{ page - 1 }}">← 上一页</a>{% endif %}
  {% for p in range(1, pages + 1) %}
    {% if p == page %}<span class="btn btn-sm" style="background:#2a3a5a;cursor:default">{{ p }}</span>
    {% else %}<a class="btn btn-sm" href="?page={{ p }}">{{ p }}</a>{% endif %}
  {% endfor %}
  {% if page < pages %}<a class="btn btn-sm" href="?page={{ page + 1 }}">下一页 →</a>{% endif %}
</div>
{% endif %}

{% endblock %}
{% block content %}

<h1>最近抓取</h1>
<p style="color:#666;font-size:13px">
  最近 24 小时内每次运行各一张卡片(共 {{ total }} 场),按运行时间倒序,每页 10 场;点击标题打开原文链接。
  带已取尽标记=该源近期无新文章(正常),空列表=本次未交付(看上次运行详情排查)。
</p>

{% for c in cards %}
<details class="lcard" {% if loop.first %}open{% endif %}>
  <summary>
    <code>{{ c.name }}</code>
    {% if c.display and c.display != c.name %}<span style="color:#888">{{ c.display }}</span>{% endif %}
    <span class="runinfo">{{ c.run_at or '从未运行' }}{% if c.mode and c.mode != '常规采集' %} · {{ c.mode }}{% endif %}</span>
    {% if c.succeeded is not none %}
      <span class="badge ok">✓ {{ c.succeeded }}</span>
      {% if c.failed %}<span class="badge fail">✗ {{ c.failed }}</span>{% endif %}
    {% endif %}
    {% if c.exhausted %}<span class="badge unknown">已取尽</span>{% endif %}
  </summary>
  <ul class="arts">
    {% for a in c.articles %}
    <li>
      <span class="t">
        {% if a.url and (a.url.startswith('http://') or a.url.startswith('https://')) %}
        <a class="source-link" href="{{ a.url }}" target="_blank" rel="noopener noreferrer">{{ a.title }}</a>
        {% else %}{{ a.title }}{% endif %}
      </span>
      <span class="badge {{ 'ok' if a.status == 'SUCCESS' else 'fail' }}">{{ '成功' if a.status == 'SUCCESS' else ('失败' if a.status else '—') }}</span>
    </li>
    {% else %}
    <li style="color:#666">本次无文章交付{% if not c.exhausted and c.succeeded is not none %}(未取尽,建议看运行详情){% endif %}</li>
    {% endfor %}
  </ul>
</details>
{% endfor %}

{% if pages > 1 %}
<div style="display:flex;gap:6px;justify-content:center;align-items:center;margin:16px 0;flex-wrap:wrap">
  {% if page > 1 %}<a class="btn btn-sm" href="?page={{ page - 1 }}">← 上一页</a>{% endif %}
  {% for p in range(1, pages + 1) %}
    {% if p == page %}<span class="btn btn-sm" style="background:#2a3a5a;cursor:default">{{ p }}</span>
    {% else %}<a class="btn btn-sm" href="?page={{ p }}">{{ p }}</a>{% endif %}
  {% endfor %}
  {% if page < pages %}<a class="btn btn-sm" href="?page={{ page + 1 }}">下一页 →</a>{% endif %}
</div>
{% endif %}

{% endblock %}