{{define "admin_forum_sections"}}
  <div style="display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;">
    <p style="margin:0;color:var(--muted);font-size:13px;">
      共鸣板版块管理：定好每个版块的气质与排序，认真讨论的帖子自然在这里生根发芽。
    </p>
    <div style="display:flex;gap:10px;">
      <a href="/forum" class="btn btn-ghost btn-sm" target="_blank" rel="noopener">查看共鸣板</a>
      <a href="/admin/forum/sections/new" class="btn btn-primary btn-sm">＋ 新建版块</a>
    </div>
  </div>

  <div class="panel" style="padding:0;">
    <h2 style="padding:16px 20px 0;">版块列表（{{len .Data.Sections}}）</h2>
    {{if .Data.Sections}}
    <table class="table">
      <thead>
        <tr>
          <th>名称</th>
          <th>简介</th>
          <th>主题</th>
          <th>回声</th>
          <th>氛围</th>
          <th class="th-ops">操作</th>
        </tr>
      </thead>
      <tbody>
        {{range .Data.Sections}}
        <tr>
          <td>{{.Name}} <span class="badge badge-pub">{{.Slug}}</span></td>
          <td>{{.Description}}</td>
          <td>{{.ThreadCount}}</td>
          <td>{{.ReplyCount}}</td>
          <td style="color:var(--muted);font-size:12.5px;">{{.Mood}}</td>
          <td class="th-ops">
            <div class="row-actions">
              <a href="/forum" class="btn btn-ghost btn-sm" target="_blank" rel="noopener">查看</a>
              <a href="/admin/forum/sections/{{.ID}}/edit" class="btn btn-ghost btn-sm">编辑</a>
              <form method="post" action="/admin/forum/sections" style="display:inline;"
                    onsubmit="return confirm('确定删除版块「{{.Name}}」吗？版块下的帖子和回帖会一并删除，此操作不可恢复。');">
                <input type="hidden" name="csrf" value="{{$.CSRF}}">
                <input type="hidden" name="action" value="delete_section">
                <input type="hidden" name="id" value="{{.ID}}">
                <button class="btn btn-danger btn-sm" type="submit">删除</button>
              </form>
            </div>
          </td>
        </tr>
        {{end}}
      </tbody>
    </table>
    {{else}}
    <div style="text-align:center;color:var(--muted);padding:40px 0;">还没有版块，先点右上角「新建版块」搭起第一块回声板吧。</div>
    {{end}}
  </div>
{{end}}