{{define "content"}}
<div class="page">
  <header class="page-head">
    <div>
      <h1>操作日志</h1>
      <p>共 {{.D.Total}} 条 · 谁在什么时候改了什么，都在这里</p>
    </div>
  </header>

  <form class="filterbar" method="get" action="/logs">
    <input type="search" name="q" value="{{.D.Q}}" placeholder="搜索摘要 / 动作 / 操作人" autocomplete="off" aria-label="搜索日志">
    <button class="btn btn-soft" type="submit">搜索</button>
    {{if .D.Q}}<a class="btn btn-ghost" href="/logs">清除</a>{{end}}
  </form>

  {{if .D.List}}
  <div class="table-wrap">
    <table class="table tight table-logs">
      <thead><tr><th scope="col">时间</th><th scope="col">操作人</th><th scope="col">动作</th><th scope="col">对象</th><th scope="col">摘要</th><th scope="col">IP</th></tr></thead>
      <tbody>
        {{range .D.List}}
        <tr>
          <td class="mono small">{{.CreatedAt}}</td>
          <td>{{if .OperatorName}}{{.OperatorName}}{{else}}系统{{end}}</td>
          <td><span class="chip chip-plain">{{.Action}}</span></td>
          <td class="small muted">{{if .Entity}}{{.Entity}}{{if .EntityID}} #{{.EntityID}}{{end}}{{else}}—{{end}}</td>
          <td class="small">{{.Summary}}</td>
          <td class="mono small muted">{{.IP}}</td>
        </tr>
        {{end}}
      </tbody>
    </table>
  </div>
  {{template "pager" .D.Pager}}
  {{else}}
  <div class="empty"><div class="empty-mark">票</div><p>没有符合条件的日志。</p></div>
  {{end}}
</div>
{{end}}