{% extends "cms/base.html" %}
{% block title %}一键推广 - ARIFU CMS{% endblock %}
{% set active='promote' %}
{% block content %}
<h2 style="margin-bottom:20px;">🚀 一键推广与 SEO</h2>

<!-- SEO 状态总览 -->
<div class="stats" style="margin-bottom:20px;">
  <div class="stat-card"><div class="num" style="color:#0066CC;">{{ seo_stats.pages }}</div><div class="label">已发布页面</div></div>
  <div class="stat-card"><div class="num" style="color:#e74c3c;">{{ seo_stats.missing_desc }}</div><div class="label">缺 Meta Desc</div></div>
  <div class="stat-card"><div class="num" style="color:#f39c12;">{{ seo_stats.missing_title }}</div><div class="label">缺 SEO Title</div></div>
  <div class="stat-card"><div class="num" style="color:#27ae60;">{{ seo_stats.has_sitemap }}</div><div class="label">有 sitemap</div></div>
  <div class="stat-card"><div class="num" style="color:#8e44ad;">{{ seo_stats.has_robots }}</div><div class="label">有 robots.txt</div></div>
</div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;">
  <!-- 一键生成 -->
  <div class="card">
    <h2>⚙️ 一键生成 SEO 文件</h2>
    <p style="color:var(--muted);font-size:13px;margin-bottom:16px;">自动生成 sitemap.xml、robots.txt 和 JSON-LD 结构化数据，写入网站根目录</p>
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;">
      <div class="block-card">
        <span class="block-type" style="background:#27ae60;">✅</span>
        <div class="block-preview"><strong>sitemap.xml</strong><br><span id="status-sitemap" style="font-size:11px;">{{ sitemap_status }}</span></div>
      </div>
      <div class="block-card">
        <span class="block-type" style="background:#27ae60;">✅</span>
        <div class="block-preview"><strong>robots.txt</strong><br><span id="status-robots" style="font-size:11px;">{{ robots_status }}</span></div>
      </div>
      <div class="block-card">
        <span class="block-type" style="background:#27ae60;">✅</span>
        <div class="block-preview"><strong>schema.org JSON-LD</strong><br><span style="font-size:11px;">结构化数据（搜索摘要增强）</span></div>
      </div>
      <div class="block-card">
        <span class="block-type" style="background:#27ae60;">✅</span>
        <div class="block-preview"><strong>Open Graph 标签</strong><br><span style="font-size:11px;">社交分享卡片（微信/LinkedIn）</span></div>
      </div>
    </div>
    <button id="btn-generate" class="btn btn-primary" onclick="generatePromotion()">⚡ 一键生成全部</button>
  </div>

  <!-- 收录推送 -->
  <div class="card">
    <h2>📡 主动收录推送</h2>
    <p style="color:var(--muted);font-size:13px;margin-bottom:16px;">主动向搜索引擎提交页面，加速收录，提升搜索排名</p>

    <div style="margin-bottom:20px;">
      <div style="display:flex;align-items:center;gap:12px;margin-bottom:12px;">
        <span style="font-size:28px;">🔍</span>
        <div>
          <div style="font-weight:600;">百度搜索资源平台</div>
          <div style="font-size:12px;color:var(--muted);">主动推送 · 快速收录</div>
        </div>
        <button id="btn-baidu" class="btn btn-primary" style="margin-left:auto;" onclick="doPromote('baidu')">▶ 推送到百度</button>
      </div>
      <input type="text" id="baiduToken" class="form-control" placeholder="百度推送 Token（必填，从搜索资源平台获取）" style="max-width:100%;">
      <div class="form-hint">登录 <strong>ziyuan.baidu.com</strong> → 搜索服务 → 链接提交 → API 推送 → 复制 Token</div>
    </div>

    <div>
      <div style="display:flex;align-items:center;gap:12px;margin-bottom:12px;">
        <span style="font-size:28px;">🌐</span>
        <div>
          <div style="font-weight:600;">Google Search Console</div>
          <div style="font-size:12px;color:var(--muted);">站点地图提交 · 索引请求</div>
        </div>
        <button id="btn-google" class="btn btn-primary" style="margin-left:auto;" onclick="doPromote('google')">▶ 提交到 Google</button>
      </div>
      <input type="text" id="googleVerify" class="form-control" placeholder="Google 站点验证码（可选）" style="max-width:100%;">
    </div>

    <div style="margin-top:16px;padding:12px;background:#f8f9fa;border-radius:8px;">
      <div style="font-size:12px;color:var(--muted);line-height:1.8;">
        📌 <strong>百度推送 Token 获取方法：</strong><br>
        1. 登录 <a href="https://ziyuan.baidu.com" target="_blank">ziyuan.baidu.com</a><br>
        2. 选择「链接提交」→「API 推送」<br>
        3. 复制 Token（格式：token=xxxxxxxx）<br>
        4. 粘贴到上方输入框，点击「推送到百度」
      </div>
    </div>
  </div>
</div>

<!-- SEO 诊断（哪些页面缺少SEO信息） -->
<div class="card" style="margin-top:20px;">
  <h2>🔍 SEO 诊断报告</h2>
  <div style="display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;">
    <span style="background:#fdecea;color:#c0392b;padding:4px 12px;border-radius:20px;font-size:12px;">⚠️ 缺少描述：{{ seo_stats.missing_desc }} 页</span>
    <span style="background:#fff3cd;color:#856404;padding:4px 12px;border-radius:20px;font-size:12px;">⚠️ 缺少标题：{{ seo_stats.missing_title }} 页</span>
    <span style="background:#d4edda;color:#155724;padding:4px 12px;border-radius:20px;font-size:12px;">✅ SEO 完整：{{ seo_stats.pages - seo_stats.missing_desc - seo_stats.missing_title }} 页</span>
  </div>
  <table>
    <tr><th>页面</th><th>SEO Title</th><th>Meta Description</th><th>操作</th></tr>
    {% for p in seo_issues %}
    <tr>
      <td>/{{ p.slug }}</td>
      <td style="{{ 'color:#e74c3c;' if not p.seo_title else '' }}">{{ p.seo_title or '❌ 缺失' }}</td>
      <td style="{{ 'color:#e74c3c;' if not p.meta_desc else '' }}">{{ (p.meta_desc or '❌ 缺失')[:60] }}…</td>
      <td><a href="/admin/page/{{ p.id }}/edit/" class="btn btn-sm btn-primary">编辑</a></td>
    </tr>
    {% endfor %}
  </table>
</div>
{% endblock %}