{{define "circleplus_mod"}}
  <div class="thm-circles">
  <div class="mod-back"><a href="/circles/{{.Data.Circle.Slug}}/tieba">← 返回 {{.Data.Circle.Name}} · 贴吧</a></div>

  <header class="mod-detail-head" style="padding-bottom:14px;">
    <div class="mod-card-top" style="margin-bottom:6px;">
      <a href="/circles/{{.Data.Circle.Slug}}" class="mod-chip" style="text-decoration:none;">{{ico "compass"}} {{.Data.Circle.Name}}</a>
      <span class="pt-chip">{{ico "shield"}} 吧务面板</span>
    </div>
    <h1 class="mod-detail-title" style="font-size:22px;">{{.Data.Circle.Name}} · 吧务</h1>
    <p style="color:var(--muted);font-size:13px;margin:6px 0 0;">举报队列 · 吧务日志 · 成员封禁状态</p>
    <div style="display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;">
      <form method="post" action="/circles/{{.Data.Circle.Slug}}/tieba/mode">
        {{if $.CSRF}}<input type="hidden" name="csrf" value="{{$.CSRF}}">{{end}}
        <input type="hidden" name="mode" value="{{if eq .Data.Circle.Mode "tieba"}}circle{{else}}tieba{{end}}">
        <button class="btn btn-sm btn-primary" type="submit">{{if eq .Data.Circle.Mode "tieba"}}{{ico "layout"}} 切为圈模式{{else}}{{ico "sliders"}} 切为吧模式{{end}}</button>
      </form>
      <a class="btn btn-sm btn-ghost" href="/circles/{{.Data.Circle.Slug}}/tieba">{{ico "sliders"}} 前台贴吧</a>
    </div>
  </header>

  {{/* 举报队列 */}}
  <section class="mod-panel" style="padding:18px 22px;margin-bottom:14px;">
    <h3 style="font-size:15px;margin:0 0 10px;">举报队列（{{len .Data.Reports}} 待处理）</h3>
    {{range .Data.Reports}}
    <div style="padding:12px 0;border-bottom:1px dashed var(--line);">
      <div style="display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;">
        <span class="pt-chip">#{{.ID}}</span>
        <b>{{if eq .TargetType "circle_post"}}帖子{{else}}回复{{end}}</b>
        {{if .PostTitle}}<a href="/circles/{{$.Data.Circle.Slug}}/post/{{.TargetID}}/tieba" style="color:var(--link);">{{.PostTitle}}</a>{{else}}<span>目标 #{{.TargetID}}</span>{{end}}
        <span style="color:var(--muted);font-size:12.5px;">举报人：{{.Reporter}} · {{dateTime .CreatedAt}}</span>
      </div>
      {{if .Reason}}<p style="margin:6px 0 0;font-size:13px;color:var(--muted);">{{.Reason}}</p>{{end}}
      <div style="display:flex;gap:8px;margin-top:8px;">
        <form method="post" action="/circles/{{$.Data.Circle.Slug}}/tieba/mod/report/{{.ID}}/handle">
          {{if $.CSRF}}<input type="hidden" name="csrf" value="{{$.CSRF}}">{{end}}
          <button class="btn btn-primary btn-sm" type="submit" title="采纳举报并封禁被举报者">{{ico "ban"}} 采纳 · 封禁</button>
        </form>
        <form method="post" action="/circles/{{$.Data.Circle.Slug}}/tieba/mod/report/{{.ID}}/dismiss">
          {{if $.CSRF}}<input type="hidden" name="csrf" value="{{$.CSRF}}">{{end}}
          <button class="btn btn-ghost btn-sm" type="submit">{{ico "close"}} 驳回</button>
        </form>
      </div>
    </div>
    {{else}}
    <div class="empty" style="padding:20px;">暂无待处理的举报。</div>
    {{end}}
  </section>

  {{/* 成员封禁状态 */}}
  <section class="mod-panel" style="padding:18px 22px;margin-bottom:14px;">
    <h3 style="font-size:15px;margin:0 0 10px;">成员与封禁（{{len .Data.Members}}）</h3>
    <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;">
      {{range .Data.Members}}
      <div style="padding:10px 14px;border:1px solid var(--line);border-radius:10px;">
        <div style="display:flex;align-items:center;gap:8px;">
          <b>{{.Username}}</b>
          {{if eq .Status "banned"}}<span class="pt-chip" style="color:#d33;">已封禁</span>{{else if eq .Role "owner"}}<span class="pt-chip">酋长</span>{{else if eq .Role "moderator"}}<span class="pt-chip">版主</span>{{end}}
        </div>
        {{if eq .Status "banned"}}
        <form method="post" action="/circles/{{$.Data.Circle.Slug}}/tieba/member/{{.Username}}/unban" style="margin-top:8px;">
          {{if $.CSRF}}<input type="hidden" name="csrf" value="{{$.CSRF}}">{{end}}
          <button class="btn btn-ghost btn-sm" type="submit">{{ico "unlock"}} 解封</button>
        </form>
        {{else if and (ne .Role "owner") (ne .Role "moderator")}}
        <form method="post" action="/circles/{{$.Data.Circle.Slug}}/tieba/member/{{.Username}}/ban" style="margin-top:8px;">
          {{if $.CSRF}}<input type="hidden" name="csrf" value="{{$.CSRF}}">{{end}}
          <button class="btn btn-ghost btn-sm" type="submit" title="封禁后无法发帖与回复">{{ico "ban"}} 封禁</button>
        </form>
        {{end}}
      </div>
      {{else}}
      <div class="empty" style="padding:20px;grid-column:1/-1;">暂无成员。</div>
      {{end}}
    </div>
  </section>

  {{/* 吧务日志 */}}
  <section class="mod-panel" style="padding:18px 22px;">
    <h3 style="font-size:15px;margin:0 0 10px;">吧务日志（最近 {{len .Data.Logs}} 条）</h3>
    <div style="overflow-x:auto;">
    <table style="width:100%;border-collapse:collapse;font-size:13px;">
      <tr style="text-align:left;color:var(--muted);">
        <th style="padding:6px 10px;">时间</th><th style="padding:6px 10px;">操作人</th><th style="padding:6px 10px;">动作</th><th style="padding:6px 10px;">对象</th><th style="padding:6px 10px;">原因</th>
      </tr>
      {{range .Data.Logs}}
      <tr style="border-top:1px solid var(--line);">
        <td style="padding:6px 10px;">{{dateTime .CreatedAt}}</td>
        <td style="padding:6px 10px;">{{.Operator}}</td>
        <td style="padding:6px 10px;">{{.Action}}</td>
        <td style="padding:6px 10px;">{{.Target}}</td>
        <td style="padding:6px 10px;color:var(--muted);">{{.Reason}}</td>
      </tr>
      {{else}}
      <tr><td colspan="5" style="padding:20px;text-align:center;color:var(--muted);">暂无吧务操作记录。</td></tr>
      {{end}}
    </table>
    </div>
  </section>

  {{template "module_meta" .}}
  </div>
{{end}}