{% extends "base.html" %}
{% block title %}草稿 · {{ draft.id[:8] }}… · aether{% endblock %}

{% block content %}
<section class="page-header">
  <h1>草稿详情</h1>
  <p class="page-sub">
    {% if draft.platform == 'wechat_mp' %}<span class="tag tag-wechat">公众号</span>
    {% else %}<span class="tag tag-xhs">小红书</span>{% endif %}
    · <code>{{ draft.prompt_version }}</code>
    · <span class="status status-{{ draft.status }}">{{ draft.status }}</span>
    · {{ draft.body_md|length }} 字
  </p>
</section>

<div class="draft-actions">
  <button class="btn btn-primary" onclick="copyDraft()">📋 复制全文到剪贴板</button>
  <a href="/articles/{{ draft.article_id }}/translate" class="btn">↩ 返回改写面板</a>
  <a href="{{ draft.article_url }}" target="_blank" rel="noopener" class="btn btn-ghost">看原文</a>
  <a href="/publish/{{ draft.id }}" class="btn btn-disabled" title="v0.2+ 接入">📤 发布（v0.2+）</a>
</div>

<div class="draft-layout">
  <article class="draft-body" id="draft-body">
    <pre id="draft-raw" style="display:none;">{{ draft.body_md }}</pre>
    <div class="draft-rendered">{{ draft.body_md }}</div>
  </article>

  <aside class="draft-meta">
    <h3>Meta</h3>
    <dl>
      <dt>文章</dt>
      <dd><a href="/articles/{{ draft.article_id }}/translate">#{{ draft.article_id }} · {{ draft.article_title or '(无标题)' }}</a></dd>
      <dt>源</dt>
      <dd>{{ draft.source_name or draft.source_id or '—' }}</dd>
      <dt>平台</dt>
      <dd>{{ draft.platform }}</dd>
      <dt>语言</dt>
      <dd>{{ draft.lang }}</dd>
      <dt>prompt</dt>
      <dd><code>{{ draft.prompt_version }}</code></dd>
      <dt>状态</dt>
      <dd><span class="status status-{{ draft.status }}">{{ draft.status }}</span></dd>
      <dt>创建</dt>
      <dd>{{ draft.created_at }}</dd>
      {% if draft.confirmed_at %}<dt>确认</dt><dd>{{ draft.confirmed_at }}</dd>{% endif %}
      {% if draft.published_at %}<dt>发布</dt><dd>{{ draft.published_at }}</dd>{% endif %}
    </dl>

    {% if draft.meta %}
    <h3>内部 meta</h3>
    <pre class="meta-json">{{ draft.meta | tojson(indent=2) }}</pre>
    {% endif %}
  </aside>
</div>
{% endblock %}

{% block extra_scripts %}
<script>
function copyDraft() {
  const text = document.getElementById('draft-raw').textContent;
  navigator.clipboard.writeText(text).then(
    () => {
      const btn = event.target;
      const orig = btn.textContent;
      btn.textContent = '✓ 已复制';
      btn.classList.add('btn-success');
      setTimeout(() => { btn.textContent = orig; btn.classList.remove('btn-success'); }, 1500);
    },
    (err) => {
      alert('复制失败：' + err + '\n手动复制正文部分。');
    }
  );
}
</script>
{% endblock %}