{{define "footer"}}
</main>

{{/* 底部状态条：三段式布局的第三段，六个主列表都有。
     Pagination 是可选的（只有做了分页的页面才传），
     没做分页的页面不受影响，见 docs/admin/05-ui-specification.md §3.2。

     `[必须]` 每个链接的 href 必须整体来自 .Pagination.XxxURL 这一个 pipeline，
     不要在这里把筛选参数和 page 分开拼接（比如 "?{{.BaseQuery}}&page=..."）——
     html/template 会把夹在字面量 & 中间的动态内容当成单个参数值整体转义，
     ? 和 = 变成 %3F/%3D，链接直接失效。已经在 service.NewPaginationView
     里把完整链接拼好，这里只管原样输出。 */}}
<footer class="statusbar">
  <span>{{.Status}}</span>
  {{if .Pagination}}
  <nav class="pagination" aria-label="分页">
    <form method="get" class="page-size-form" data-page-size-form>
      {{range .Pagination.FilterFields}}
      <input type="hidden" name="{{.Name}}" value="{{.Value}}">
      {{end}}
      <label>每页
        <select name="page_size" data-page-size-select>
          {{range .Pagination.PageSizeOptions}}
          <option value="{{.Value}}"{{if .Selected}} selected{{end}}>{{.Value}} 条</option>
          {{end}}
        </select>
      </label>
      <span class="page-size-loading" data-page-size-loading role="status" hidden>加载中…</span>
    </form>
    {{if .Pagination.HasPrev}}
    <a href="{{.Pagination.FirstURL}}">首页</a>
    <a href="{{.Pagination.PrevURL}}">上一页</a>
    {{else}}
    <span class="disabled">首页</span>
    <span class="disabled">上一页</span>
    {{end}}
    {{if .Pagination.HasNext}}
    <a href="{{.Pagination.NextURL}}">下一页</a>
    <a href="{{.Pagination.LastURL}}">末页</a>
    {{else}}
    <span class="disabled">下一页</span>
    <span class="disabled">末页</span>
    {{end}}
  </nav>
  {{end}}
</footer>

<script src="/static/js/app.js"></script>
{{if .PageScript}}<script src="{{.PageScript}}"></script>{{end}}
</body>
</html>
{{end}}