{{define "admin_announce"}}
  <div class="panel-head-row" style="margin-bottom:16px;">
    <div class="form-inline">
      <a href="/admin/announce" class="btn {{if eq .Data.Filter ""}}btn-primary{{else}}btn-ghost{{end}} btn-sm">全部</a>
      <a href="/admin/announce?filter=published" class="btn {{if eq .Data.Filter "published"}}btn-primary{{else}}btn-ghost{{end}} btn-sm">已发布</a>
      <a href="/admin/announce?filter=draft" class="btn {{if eq .Data.Filter "draft"}}btn-primary{{else}}btn-ghost{{end}} btn-sm">未发布</a>
    </div>
    <div class="form-inline">
      <span class="shelf-note">共 {{.Data.Total}} 条公告</span>
      <a href="/announce" class="btn btn-ghost btn-sm" target="_blank" rel="noopener">查看前台</a>
      <a href="/admin/announce/new" class="btn btn-primary btn-sm">＋ 发布公告</a>
    </div>
  </div>

  <div class="panel panel-flush">
    {{if .Data.Announcements}}
    <div class="table-wrap">
      <table class="table">
        <thead>
          <tr>
            <th>标题</th>
            <th>状态</th>
            <th>置顶</th>
            <th>阅读</th>
            <th>时间</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
          {{range .Data.Announcements}}
          <tr>
            <td>
              {{if .Fresh}}<span class="badge badge-pub" style="margin-right:6px;">新</span>{{end}}
              {{if eq .IsPinned 1}}<span class="badge badge-pin" style="margin-right:6px;">置顶</span>{{end}}
              <a href="/admin/announce/{{.ID}}/edit">{{.Title}}</a>
            </td>
            <td>{{if eq .Published 1}}<span class="badge badge-pub">已发布</span>{{else}}<span class="badge badge-draft">未发布</span>{{end}}</td>
            <td>{{if eq .IsPinned 1}}是{{else}}否{{end}}</td>
            <td>{{.Views}}</td>
            <td>{{date .CreatedAt}}</td>
            <td>
              <div class="row-actions">
                <a href="/announce/{{.Slug}}" class="btn btn-ghost btn-sm" target="_blank">查看</a>
                <a href="/admin/announce/{{.ID}}/edit" class="btn btn-ghost btn-sm">编辑</a>
                <form method="post" action="/admin/announce/{{.ID}}/pin" class="row-del-form">
                  <input type="hidden" name="csrf" value="{{$.CSRF}}">
                  <button class="btn btn-ghost btn-sm" type="submit">{{if eq .IsPinned 1}}取消置顶{{else}}置顶{{end}}</button>
                </form>
                <form method="post" action="/admin/announce/{{.ID}}/toggle" class="row-del-form">
                  <input type="hidden" name="csrf" value="{{$.CSRF}}">
                  <button class="btn btn-ghost btn-sm" type="submit">{{if eq .Published 1}}下架{{else}}发布{{end}}</button>
                </form>
                <form method="post" action="/admin/announce/{{.ID}}/delete" class="row-del-form"
                      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>
    </div>
    {{else}}
    <div class="list-empty">还没有公告，先发布第一条吧。</div>
    {{end}}
  </div>
{{end}}