{{define "admin_events"}}
  <link rel="stylesheet" href="/static/css/events.css?v={{assetVer}}">
<div class="thm-events">
  <div style="display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;">
    <div class="form-inline">
      <a href="/admin/events" class="btn {{if eq .Data.Mode ""}}btn-primary{{else}}btn-ghost{{end}} btn-sm">全部</a>
      <a href="/admin/events?mode=online" class="btn {{if eq .Data.Mode "online"}}btn-primary{{else}}btn-ghost{{end}} btn-sm">线上</a>
      <a href="/admin/events?mode=offline" class="btn {{if eq .Data.Mode "offline"}}btn-primary{{else}}btn-ghost{{end}} btn-sm">线下</a>
    </div>
    <div style="display:flex;align-items:center;gap:10px;">
      <span class="shelf-note">共 {{.Data.Total}} 场活动</span>
      <a href="/events" class="btn btn-ghost btn-sm" target="_blank" rel="noopener">查看前台</a>
      <a href="/admin/events/checkin" class="btn btn-ghost btn-sm">现场核验</a>
      <a href="/admin/events/new" class="btn btn-primary btn-sm">＋ 发布活动</a>
    </div>
  </div>

  <div class="panel" style="padding:0;">
    {{if .Data.Events}}
    <table class="table">
      <thead>
        <tr>
          <th>活动</th>
          <th>形态</th>
          <th>报名</th>
          <th>开始时间</th>
          <th>状态</th>
          <th>浏览</th>
          <th>发起人</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        {{range .Data.Events}}
        <tr>
          <td><a href="/admin/events/{{.ID}}/edit">{{.Title}}</a></td>
          <td><span class="event-mode event-mode-{{.Mode}}">{{if eq .Mode "offline"}}线下{{else}}线上{{end}}</span></td>
          <td>{{.SignupCount}}{{if .Capacity}} / {{.Capacity}}{{end}}</td>
          <td>{{dateTime .StartAt}}</td>
          <td>{{if eq .Status 1}}<span class="badge badge-pub">已发布</span>{{else}}<span class="badge badge-draft">已下线</span>{{end}}</td>
          <td>{{.Views}}</td>
          <td>{{.Author}}</td>
          <td>
            <div class="row-actions">
              <a href="/events/{{.ID}}" class="btn btn-ghost btn-sm" target="_blank" rel="noopener">查看</a>
              <a href="/admin/events/{{.ID}}/signups" class="btn btn-ghost btn-sm">报名名单</a>
              <a href="/admin/events/{{.ID}}/edit" class="btn btn-ghost btn-sm">编辑</a>
              <form method="post" action="/admin/events/{{.ID}}/toggle" style="display:inline;">
                <input type="hidden" name="csrf" value="{{$.CSRF}}">
                <button class="btn btn-ghost btn-sm" type="submit">{{if eq .Status 1}}下线{{else}}发布{{end}}</button>
              </form>
              <form method="post" action="/admin/events/{{.ID}}/delete" style="display:inline;"
                    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>
    {{else}}
    <div style="text-align:center;color:var(--muted);padding:40px 0;">还没有活动，先发布第一场吧。</div>
    {{end}}
  </div>

  {{if or .Data.Prev .Data.Next}}
  <div style="display:flex;justify-content:center;gap:10px;align-items:center;margin-top:16px;">
    {{if .Data.Prev}}<a class="btn btn-ghost btn-sm" href="/admin/events?page={{sub .Data.Page 1}}{{if .Data.ModeQuery}}&mode={{.Data.ModeQuery}}{{end}}">← 上一页</a>{{else}}<span class="btn btn-ghost btn-sm" style="opacity:.4">← 上一页</span>{{end}}
    <span style="color:var(--muted);font-size:13px;">第 {{.Data.Page}} / {{.Data.TotalPages}} 页</span>
    {{if .Data.Next}}<a class="btn btn-ghost btn-sm" href="/admin/events?page={{add .Data.Page 1}}{{if .Data.ModeQuery}}&mode={{.Data.ModeQuery}}{{end}}">下一页 →</a>{{else}}<span class="btn btn-ghost btn-sm" style="opacity:.4">下一页 →</span>{{end}}
  </div>
  {{end}}
</div>
{{end}}