{{define "admin_circles_posts"}}
  <div class="toolbar-row">
    <div>
      <p style="margin:0;color:var(--muted);font-size:13px;">
        部落帖子管理：看每个部落里都在聊什么，把跑偏、违规的留言轻轻摘掉，守住营地的公约。
      </p>
    </div>
    <a href="/admin/circles" class="btn btn-ghost btn-sm">← 返回部落管理</a>
  </div>

  <div class="panel" style="padding:0;">
    <h2 style="padding:16px 20px 0;">帖子列表（共 {{.Data.Total}} 条）<span style="font-weight:400;color:var(--muted);font-size:12.5px;">按时间倒序</span></h2>
    {{if .Data.Posts}}
    <table class="table">
      <thead>
        <tr>
          <th>部落</th>
          <th>留言人</th>
          <th>留言内容</th>
          <th>时间</th>
          <th class="th-ops">操作</th>
        </tr>
      </thead>
      <tbody>
        {{range .Data.Posts}}
        <tr>
          <td><b>{{.CircleName}}</b></td>
          <td>{{.Author}}</td>
          <td style="max-width:360px;">{{if .Title}}<b>{{.Title}}</b><br>{{end}}{{truncate .Content 56}}</td>
          <td>{{date .CreatedAt}}</td>
          <td class="th-ops">
            <div class="row-actions">
              <a href="/circles/{{.CircleSlug}}/post/{{.ID}}" class="btn btn-ghost btn-sm" target="_blank" rel="noopener">查看留言</a>
              <a href="/circles/{{.CircleSlug}}" class="btn btn-ghost btn-sm" target="_blank" rel="noopener">进入部落</a>
              <form method="post" action="/admin/circles/posts/{{.ID}}/delete" style="display:inline;"
                    onsubmit="return confirm('确定删除这条部落留言吗？此操作不可恢复。');">
                <input type="hidden" name="csrf" value="{{$.CSRF}}">
                <button class="btn btn-danger btn-sm" type="submit">删除</button>
              </form>
            </div>
          </td>
        </tr>
        {{end}}
      </tbody>
    </table>
    {{else}}
    <div class="list-empty" role="status">部落里还没有留言，大家都在安静地扎营。</div>
    {{end}}
  </div>

  {{if or .Data.Prev .Data.Next}}
  <div class="pager-row">
    {{if .Data.Prev}}<a class="btn btn-ghost btn-sm" href="/admin/circles/posts?page={{sub .Data.Page 1}}">← 上一页</a>{{else}}<span class="btn btn-ghost btn-sm" style="opacity:.4">← 上一页</span>{{end}}
    <span style="color:var(--muted);font-size:13px;">第 {{.Data.Page}} / {{.Data.TotalPages}} 页</span>
    {{if .Data.Next}}<a class="btn btn-ghost btn-sm" href="/admin/circles/posts?page={{add .Data.Page 1}}">下一页 →</a>{{else}}<span class="btn btn-ghost btn-sm" style="opacity:.4">下一页 →</span>{{end}}
  </div>
  {{end}}
{{end}}