{% 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="/drafts">
  <div class="filter-row">
    <label>
      平台
      <select name="platform">
        <option value="">全部</option>
        <option value="wechat_mp" {% if filters.platform == 'wechat_mp' %}selected{% endif %}>公众号</option>
        <option value="xiaohongshu" {% if filters.platform == 'xiaohongshu' %}selected{% endif %}>小红书</option>
      </select>
    </label>
    <label>
      状态
      <select name="status">
        <option value="">全部</option>
        <option value="draft" {% if filters.status == 'draft' %}selected{% endif %}>draft</option>
        <option value="confirmed" {% if filters.status == 'confirmed' %}selected{% endif %}>confirmed</option>
        <option value="published" {% if filters.status == 'published' %}selected{% endif %}>published</option>
        <option value="failed" {% if filters.status == 'failed' %}selected{% endif %}>failed</option>
      </select>
    </label>
    <button type="submit" class="btn btn-primary">筛选</button>
    <a href="/drafts" class="btn btn-ghost">清空</a>
  </div>
</form>

{% if drafts %}
<table class="article-table">
  <thead>
    <tr>
      <th>平台</th>
      <th>文章</th>
      <th>源</th>
      <th>prompt</th>
      <th class="col-status">状态</th>
      <th>字数</th>
      <th class="col-date">创建时间</th>
      <th class="col-action">操作</th>
    </tr>
  </thead>
  <tbody>
    {% for d in drafts %}
    <tr>
      <td>
        {% if d.platform == 'wechat_mp' %}<span class="tag tag-wechat">公众号</span>
        {% else %}<span class="tag tag-xhs">小红书</span>{% endif %}
      </td>
      <td>
        <a href="/drafts/{{ d.id }}" class="article-title">
          #{{ d.article_id }} · {{ d.article_title or '(无标题)' }}
        </a>
      </td>
      <td>{{ d.source_name or d.source_id or '—' }}</td>
      <td><code>{{ d.prompt_version }}</code></td>
      <td class="col-status"><span class="status status-{{ d.status }}">{{ d.status }}</span></td>
      <td>{{ d.body_len }}</td>
      <td class="col-date">{{ d.created_at.strftime('%m-%d %H:%M') if d.created_at else '—' }}</td>
      <td class="col-action">
        <a href="/drafts/{{ d.id }}" class="btn btn-sm">查看</a>
        <a href="/articles/{{ d.article_id }}/translate" class="btn btn-sm btn-ghost">去改写</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">先去 <a href="/articles">文章库</a> 选一篇文章改写。</p>
</div>
{% endif %}
{% endblock %}