{% extends "base.html" %}
{% block title %}文章库 · aether{% endblock %}

{% block content %}
<section class="page-header">
  <h1>文章库</h1>
  <p class="page-sub">共 <strong>{{ total }}</strong> 篇 · 第 {{ page }} 页</p>
</section>

<form class="filters" method="get" action="/articles">
  <div class="filter-row">
    <label>
      源
      <select name="source_id">
        <option value="">全部</option>
        {% for s in sources %}
          <option value="{{ s.id }}" {% if filters.source_id == s.id %}selected{% endif %}>
            {{ s.name }}
          </option>
        {% endfor %}
      </select>
    </label>
    <label>
      状态
      <select name="status">
        <option value="">全部</option>
        <option value="raw" {% if filters.status == 'raw' %}selected{% endif %}>raw</option>
        <option value="drafted" {% if filters.status == 'drafted' %}selected{% endif %}>drafted</option>
      </select>
    </label>
    <label>
      关键词
      <input type="text" name="q" value="{{ filters.q or '' }}" placeholder="标题或摘要..." />
    </label>
    <button type="submit" class="btn btn-primary">筛选</button>
    <a href="/articles" class="btn btn-ghost">清空</a>
  </div>
</form>

{% if articles %}
<table class="article-table">
  <thead>
    <tr>
      <th class="col-id">id</th>
      <th>标题</th>
      <th class="col-source">源</th>
      <th class="col-date">抓取时间</th>
      <th class="col-status">状态</th>
      <th class="col-action">操作</th>
    </tr>
  </thead>
  <tbody>
    {% for a in articles %}
    <tr>
      <td class="col-id">#{{ a.id }}</td>
      <td>
        <a href="{{ a.url }}" target="_blank" rel="noopener" class="article-title">
          {{ a.title or '(无标题)' }}
        </a>
        {% if a.excerpt %}<div class="article-excerpt">{{ a.excerpt[:80] }}{% if a.excerpt|length > 80 %}…{% endif %}</div>{% endif %}
      </td>
      <td class="col-source">
        <span class="tag">{{ a.source_name or a.source_id }}</span>
      </td>
      <td class="col-date">
        <span title="{{ a.fetched_at }}">{{ a.fetched_at.strftime('%m-%d %H:%M') if a.fetched_at else '—' }}</span>
      </td>
      <td class="col-status">
        <span class="status status-{{ a.translate_status }}">{{ a.translate_status }}</span>
      </td>
      <td class="col-action">
        <a href="/articles/{{ a.id }}/translate" class="btn btn-sm">
          {% if a.translate_status == 'drafted' %}查看草稿{% else %}去改写{% endif %}
        </a>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>

<div class="pagination">
  {% if page > 1 %}
    <a href="?{% for k, v in filters.items() %}{% if v %}{{k}}={{v}}&{% endif %}{% endfor %}page={{ page - 1 }}" class="btn">上一页</a>
  {% endif %}
  {% if has_next %}
    <a href="?{% for k, v in filters.items() %}{% if v %}{{k}}={{v}}&{% endif %}{% endfor %}page={{ page + 1 }}" class="btn">下一页</a>
  {% endif %}
</div>

{% else %}
<div class="empty">
  <p>没有匹配的文章。</p>
  <p class="empty-hint">先去 <code>python -m blocks.sources.multi.subgraph --source hubspot</code> 抓一波回来。</p>
</div>
{% endif %}
{% endblock %}