{{define "admin_docs_categories"}}
  <div style="display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;">
    <div>
      <p style="margin:0;color:var(--muted);font-size:13px;">
        书架分类管理：分类是书脊上的标签，改个名字，整排书一起搬家；清空则回到「未分类」。
      </p>
    </div>
    <a href="/admin/docs" class="btn btn-ghost btn-sm">← 返回藏本管理</a>
  </div>

  <div class="panel" style="padding:0;">
    <h2 style="padding:16px 20px 0;">书架分类（{{len .Data.Categories}}）</h2>
    {{if .Data.Categories}}
    <table class="table">
      <thead>
        <tr>
          <th>分类名</th>
          <th>藏本数</th>
          <th class="th-ops">操作</th>
        </tr>
      </thead>
      <tbody>
        {{range .Data.Categories}}
        {{if .Name}}
        <tr>
          <td><b>{{.Name}}</b></td>
          <td>{{.Count}} 本</td>
          <td class="th-ops">
            <div class="row-actions">
              <a href="/admin/docs?category={{.Name}}" class="btn btn-ghost btn-sm">查看藏本</a>
              <form method="post" action="/admin/docs/categories/rename" style="display:inline-flex;gap:6px;align-items:center;">
                <input type="hidden" name="csrf" value="{{$.CSRF}}">
                <input type="hidden" name="old" value="{{.Name}}">
                <input type="text" name="new" value="{{.Name}}" placeholder="新分类名" style="width:150px;" required>
                <button class="btn btn-ghost btn-sm" type="submit">重命名</button>
              </form>
              <form method="post" action="/admin/docs/categories/delete" style="display:inline;"
                    onsubmit="return confirm('确定清空分类「{{.Name}}」吗？该分类下的藏本会归入「未分类」，藏本本身不删除。');">
                <input type="hidden" name="csrf" value="{{$.CSRF}}">
                <input type="hidden" name="name" value="{{.Name}}">
                <button class="btn btn-danger btn-sm" type="submit">清空</button>
              </form>
            </div>
          </td>
        </tr>
        {{end}}
        {{end}}
      </tbody>
    </table>
    {{else}}
    <div style="text-align:center;color:var(--muted);padding:40px 0;">还没有分类，上架藏本时填写的分类会出现在这里。</div>
    {{end}}
  </div>
{{end}}