{{define "admin_comments"}}
  <div class="panel">
    <div class="panel-head-row">
      <div>
        <h2 class="panel-title">评论管理</h2>
        <p class="settings-copy">
          全站共 {{.Data.Total}} 条{{if .Data.OnlyPending}}待审{{end}}评论{{if .Data.Pending}}，其中 <strong>{{.Data.Pending}}</strong> 条还没放行{{end}}。
          现在：
          {{if .Data.Audit}}<span class="badge badge-draft">人工审核</span>新评论要先经你放行才公开，开关在<a href="/admin/settings/site">「站点设置」</a>里。
          {{else}}<span class="badge badge-pub">自动公开</span>新评论直接出现在文章下面，开关在<a href="/admin/settings/site">「站点设置」</a>里。{{end}}
        </p>
      </div>
      <div class="form-inline">
        <a href="/admin/comments/all" class="btn {{if not .Data.OnlyPending}}btn-primary{{else}}btn-ghost{{end}} btn-sm">全部</a>
        <a href="/admin/comments/pending" class="btn {{if .Data.OnlyPending}}btn-primary{{else}}btn-ghost{{end}} btn-sm">待审{{if .Data.Pending}} · {{.Data.Pending}}{{end}}</a>
      </div>
    </div>
  </div>

  <div class="panel" style="padding:0;">
    {{if .Data.Comments}}
    <div class="table-wrap">
      <table class="table cm-table">
        <thead>
          <tr><th class="cm-who">评论者</th><th>内容</th><th class="cm-post">所在文章</th><th class="cm-time">时间</th><th class="th-ops">操作</th></tr>
        </thead>
        <tbody>
          {{range .Data.Comments}}
          <tr{{if eq .Status 0}} class="is-pending"{{end}}>
            <td class="cm-who">{{.Name}}{{if eq .Status 0}}<span class="badge badge-draft">待审</span>{{end}}</td>
            <td class="cm-body">{{.Content}}</td>
            <td class="cm-post">
              {{if .PostSlug}}<a href="/post/{{.PostSlug}}" target="_blank" rel="noopener">{{.PostTitle}}</a>{{else}}{{.PostTitle}}{{end}}
            </td>
            <td class="cm-time">{{dateTime .CreatedAt}}</td>
            <td>
              <div class="row-actions">
                {{if eq .Status 0}}
                <form method="post" action="/admin/comments/{{.ID}}/status" class="app-act">
                  <input type="hidden" name="csrf" value="{{$.CSRF}}">
                  <input type="hidden" name="filter" value="{{if $.Data.OnlyPending}}pending{{end}}">
                  <button class="btn btn-primary btn-sm" type="submit">放行</button>
                </form>
                {{else}}
                <form method="post" action="/admin/comments/{{.ID}}/status" class="app-act">
                  <input type="hidden" name="csrf" value="{{$.CSRF}}">
                  <input type="hidden" name="filter" value="{{if $.Data.OnlyPending}}pending{{end}}">
                  <input type="hidden" name="to" value="pending">
                  <button class="btn btn-ghost btn-sm" type="submit">撤回</button>
                </form>
                {{end}}
                <form method="post" action="/admin/comments/{{.ID}}/delete" class="app-act"
                      onsubmit="return confirm('确定删除这条评论吗？删了就找不回来了。');">
                  <input type="hidden" name="csrf" value="{{$.CSRF}}">
                  <input type="hidden" name="filter" value="{{if $.Data.OnlyPending}}pending{{end}}">
                  <button class="btn btn-danger btn-sm" type="submit">删除</button>
                </form>
              </div>
            </td>
          </tr>
          {{end}}
        </tbody>
      </table>
    </div>
    {{else}}
    <div class="settings-empty">
      {{if .Data.OnlyPending}}没有待审的评论——清清爽爽。{{else}}还没有人说过话。{{end}}
    </div>
    {{end}}
  </div>

  {{template "pagination" .}}
{{end}}