{% extends "cms/base.html" %}
{% block title %}页面管理 - ARIFU CMS{% endblock %}
{% set active='pages' %}
{% block content %}
<div class="card">
  <h2>📄 页面管理 <span class="badge">{{ pages|length }}</span>
    <a href="/admin/page/new/" class="btn btn-primary btn-sm" style="float:right;">➕ 新建页面</a>
  </h2>
  {% if pages %}
  <table>
    <tr>
      <th>排序</th><th>标题</th><th>Slug</th><th>模板</th><th>状态</th><th>更新</th><th>操作</th>
    </tr>
    {% for p in pages %}
    <tr data-id="{{ p.id }}">
      <td style="cursor:grab;color:#ccc;">⋮⋮</td>
      <td><strong>{{ p.title }}</strong>{% if p.subtitle %}<br><small style="color:#888;">{{ p.subtitle }}</small>{% endif %}</td>
      <td style="font-size:12px;color:#555;">/{{ p.slug }}</td>
      <td><span style="background:#e8f0fe;color:#1a56db;padding:2px 8px;border-radius:4px;font-size:11px;">{{ p.template }}</span></td>
      <td><span class="status-{{ p.status }}">{{ p.status }}</span></td>
      <td style="font-size:12px;color:#888;">{{ p.updated_at[:10] }}</td>
      <td>
        <div class="btn-group">
          <a href="/admin/builder/{{ p.id }}/" class="btn btn-sm btn-green">🧱 构建</a>
          <a href="/admin/page/{{ p.id }}/edit/" class="btn btn-sm btn-primary">✏ 编辑</a>
          <a href="/admin/preview/{{ p.id }}/" target="_blank" class="btn btn-sm btn-gray">👁 预览</a>
          <form method="POST" action="/admin/page/{{ p.id }}/delete/" style="display:inline;" onsubmit="return confirm('删除「{{ p.title }}」？')">
            <button type="submit" class="btn btn-sm btn-danger">🗑</button>
          </form>
        </div>
      </td>
    </tr>
    {% endfor %}
  </table>
  {% else %}
  <div class="empty">
    <div class="icon">📄</div>
    <p>还没有页面</p>
    <div class="btn-group" style="justify-content:center;margin-top:16px;">
      <a href="/admin/page/new/" class="btn btn-primary">➕ 新建页面</a>
      <a href="/admin/import/" class="btn btn-gray">📥 导入已有HTML</a>
    </div>
  </div>
  {% endif %}
</div>
{% endblock %}