{% 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>
  <p class="hint">选平台 → 点按钮 → 跳转草稿详情。改写通常 10-30 秒，不要关页面。</p>

  <div class="platform-buttons">
    <form method="post" action="/actions/articles/{{ article.id }}/translate"
          hx-post="/actions/articles/{{ article.id }}/translate"
          hx-indicator="#loading"
          hx-disabled-elt="button">
      <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"
          hx-post="/actions/articles/{{ article.id }}/translate"
          hx-indicator="#loading"
          hx-disabled-elt="button">
      <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>

  <div id="loading" class="loading htmx-indicator">
    <span class="spinner"></span> 改写中...（调用 LLM，10-30 秒）
  </div>
</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 %}