{% extends "base.html" %}
{% block title %}改写 · #{{ article.id }} · aether{% endblock %}

{% block content %}
<section class="page-header">
  <h1>改写面板</h1>
  <p class="page-sub">
    文章 <a href="{{ article.url }}" target="_blank" rel="noopener">#{{ article.id }} · {{ article.title or '(无标题)' }}</a>
    <span class="tag">{{ article.source_name or article.source_id }}</span>
  </p>
</section>

{% if existing_drafts %}
<section class="existing">
  <h2>已生成的草稿</h2>
  <table class="article-table">
    <thead>
      <tr>
        <th>平台</th>
        <th>prompt</th>
        <th>状态</th>
        <th>字数</th>
        <th>时间</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for d in existing_drafts %}
      <tr>
        <td>
          {% if d.platform == 'wechat_mp' %}<span class="tag tag-wechat">公众号</span>
          {% else %}<span class="tag tag-xhs">小红书</span>{% endif %}
        </td>
        <td><code>{{ d.prompt_version }}</code></td>
        <td><span class="status status-{{ d.status }}">{{ d.status }}</span></td>
        <td>{{ d.body_len }}</td>
        <td><span title="{{ d.created_at }}">{{ d.created_at.strftime('%m-%d %H:%M') if d.created_at else '—' }}</span></td>
        <td><a href="/drafts/{{ d.id }}" class="btn btn-sm">查看</a></td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</section>
{% endif %}

<section class="translate-form">
  <h2>新建草稿</h2>

  {% if needs_body %}
    {# Article has no body_html yet — can't translate. Block 1D must run
       first to fetch the article's raw HTML. We show a single CTA instead
       of the platform forms to avoid a no-op translate attempt. #}
    <div class="banner banner-warn">
      <strong>需要先抓正文。</strong> 当前文章只有 listing 元数据
      （title / url / published_at），没有 <code>body_html</code>。
      Block 1D 会去抓原文 HTML + 缩略图，再回来就能改写了。
    </div>
    <div class="platform-buttons">
      <form method="post" action="/actions/articles/{{ article.id }}/fetch_body">
        <button type="submit" class="btn btn-primary">
          <span class="btn-label">🔍 立即抓正文</span>
          <span class="btn-hint">Block 1D · 抓原文 + 缩略图 · 通常 1-5 秒</span>
        </button>
      </form>
    </div>
  {% else %}
    <p class="hint">选平台 → 点按钮 → 跳转实时进度页，可看到节点状态 + 日志流；结束后"返回"会带你到草稿库。</p>

    <div class="platform-buttons">
      <form method="post" action="/actions/articles/{{ article.id }}/translate">
        <input type="hidden" name="platform" value="wechat_mp" />
        <button type="submit" class="btn btn-platform btn-wechat">
          <span class="btn-label">📝 改写成公众号</span>
          <span class="btn-hint">深度长文 · 信息密度高</span>
        </button>
      </form>

      <form method="post" action="/actions/articles/{{ article.id }}/translate">
        <input type="hidden" name="platform" value="xiaohongshu" />
        <button type="submit" class="btn btn-platform btn-xhs">
          <span class="btn-label">📕 改写成小红书</span>
          <span class="btn-hint">口语化 · emoji · hashtag</span>
        </button>
      </form>
    </div>
  {% endif %}
</section>

<section class="article-meta">
  <h2>原文信息</h2>
  <dl>
    <dt>URL</dt><dd><a href="{{ article.url }}" target="_blank" rel="noopener">{{ article.url }}</a></dd>
    <dt>作者</dt><dd>{{ article.author or '—' }}</dd>
    <dt>发布时间</dt><dd>{{ article.published_at or '—' }}</dd>
    <dt>抓取时间</dt><dd>{{ article.fetched_at or '—' }}</dd>
    <dt>摘要</dt><dd>{{ article.excerpt or '—' }}</dd>
    <dt>状态</dt><dd><span class="status status-{{ article.translate_status }}">{{ article.translate_status }}</span></dd>
    <dt>body_html 长度</dt><dd>{{ article.body_html|length if article.body_html else 0 }} 字符</dd>
  </dl>
</section>
{% endblock %}