{% extends "base.html" %}
{% block title %}分类管理 · PPT 图卡{% endblock %}

{% block content %}
<div class="form-page">
  <p style="font-size:13px;margin:20px 0 10px">
    <a href="{{ url_for('gallery.index') }}">← 返回 PPT 图卡</a>
  </p>

  <div class="page-head">
    <h1>图卡分类管理</h1>
    <p>一个分类 = 一个独立的关键词，由人工基于图卡内容创建，是对 PPT 图卡的分类标识，与「来源 PPT 主题」相互独立。</p>
    <p style="font-size:12.5px;color:var(--text-3);margin-top:4px">
      分类关键词纳入全站搜索；共享同一分类的图卡构成相似聚类，图卡详情页会自动按共享分类推荐相似图卡。新建时输入多个关键词（分号 / 逗号分隔）会自动拆成多个独立分类。
    </p>
  </div>

  <form method="post" action="{{ url_for('gallery.create_tag') }}"
        style="display:flex;gap:10px;margin:0 0 20px;align-items:center">
    <input type="text" name="name" placeholder="新建分类，多个关键词用分号分隔，如：做事的逻辑；瓶颈；闭环" required
           style="max-width:420px">
    <button class="btn primary" type="submit">新建分类</button>
  </form>

  {% if tags %}
  <table class="admin-table">
    <thead>
      <tr><th style="width:36%">分类（关键词）</th><th>图卡数</th><th style="width:42%">操作</th></tr>
    </thead>
    <tbody>
      {% for t in tags %}
      <tr>
        <td style="font-weight:600">{{ t.name }}</td>
        <td>{{ t.cnt }}</td>
        <td>
          <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap">
            <form method="post" action="{{ url_for('gallery.rename_tag', tid=t.id) }}"
                  style="display:flex;gap:6px;flex:1;min-width:200px">
              <input type="text" name="name" value="{{ t.name }}" required
                     style="max-width:200px;padding:4px 8px;font-size:13px">
              <button class="btn small" type="submit">重命名</button>
            </form>
            <form method="post" action="{{ url_for('gallery.delete_tag', tid=t.id) }}"
                  onsubmit="return confirm('确定删除分类「{{ t.name }}」？其与 {{ t.cnt }} 张图卡的关联会一并移除，图卡本身不受影响。')">
              <button class="btn small danger" type="submit">删除</button>
            </form>
          </div>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <div class="empty">还没有任何分类。可在图卡编辑页或上方输入框创建。</div>
  {% endif %}
</div>
{% endblock %}