{{define "admin_events_signups"}}
  <link rel="stylesheet" href="/static/css/events.css?v={{assetVer}}">
<div class="thm-events">
  <div class="mod-back">
    <a href="/admin/events">← 返回活动列表</a>
    <span style="margin:0 10px;color:var(--muted)">/</span>
    <a href="/events/{{.Data.Event.ID}}" target="_blank" rel="noopener">前台详情</a>
  </div>

  <div style="display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;">
    <div>
      <h2 style="margin:0 0 6px;">{{.Data.Event.Title}}</h2>
      <div class="form-inline" style="align-items:center;">
        <span class="event-mode event-mode-{{.Data.Event.Mode}}">{{if eq .Data.Event.Mode "offline"}}线下{{else if eq .Data.Event.Mode "hybrid"}}同场直播{{else}}线上{{end}}</span>
        <span class="shelf-note">正式 {{.Data.Confirmed}} 人</span>
        {{if .Data.Waiting}}<span class="shelf-note" style="color:#b45309;">候补 {{.Data.Waiting}} 人</span>{{end}}
        <span class="shelf-note">已签到 {{.Data.Checked}} 人</span>
        <span class="shelf-note">待核验 {{sub .Data.Confirmed .Data.Checked}} 人</span>
        {{if .Data.Event.Capacity}}<span class="shelf-note">名额 {{.Data.Event.Capacity}}</span>{{end}}
      </div>
      {{if .Data.Promoted}}<div class="alert alert-ok" style="margin-top:8px;">已删除该报名，并按排队顺序递补了一位候补转正。</div>{{end}}
    </div>
    <div style="display:flex;align-items:center;gap:10px;">
      {{if ne .Data.Event.Mode "online"}}
      <a href="/admin/events/checkin" class="btn btn-ghost btn-sm">现场核验</a>
      {{end}}
      <a href="/admin/events/{{.Data.Event.ID}}/export" class="btn btn-ghost btn-sm">导出名单 CSV</a>
      <a href="/admin/events/{{.Data.Event.ID}}/edit" class="btn btn-ghost btn-sm">编辑活动</a>
    </div>
  </div>

  <div class="panel" style="padding:0;">
    {{if .Data.Signups}}
    <table class="table">
      <thead>
        <tr>
          <th>报名人</th>
          <th>联系方式</th>
          <th>留言</th>
          <th>报名码</th>
          <th>身份</th>
          <th>签到状态</th>
          <th>报名时间</th>
          <th>核验时间</th>
          <th style="width:70px;">操作</th>
        </tr>
      </thead>
      <tbody>
        {{range .Data.Signups}}
        <tr>
          <td>{{.Name}}</td>
          <td>{{if .Contact}}{{.Contact}}{{else}}<span style="color:var(--muted)">—</span>{{end}}</td>
          <td>{{if .Note}}{{truncate .Note 24}}{{else}}<span style="color:var(--muted)">—</span>{{end}}</td>
          <td><span class="event-code" style="font-size:15px;letter-spacing:2px;">{{.Code}}</span></td>
          <td>{{if eq .Status 1}}<span class="badge" style="background:#fef3c7;color:#b45309;">候补</span>{{else}}<span class="badge badge-pub">正式</span>{{end}}</td>
          <td>{{if eq .CheckedIn 1}}<span class="badge badge-pub">已签到</span>{{else}}<span class="badge badge-draft">待核验</span>{{end}}</td>
          <td>{{dateTime .CreatedAt}}</td>
          <td>{{if .CheckedAt}}{{dateTime .CheckedAt}}{{else}}<span style="color:var(--muted)">—</span>{{end}}</td>
          <td>
            <form method="post" action="/admin/events/{{$.Data.Event.ID}}/signups/delete" style="display:inline;" onsubmit="return confirm('删除这条报名？若是正式名额，将自动递补一位候补。')">
              <input type="hidden" name="csrf" value="{{$.CSRF}}">
              <input type="hidden" name="signup_id" value="{{.ID}}">
              <button class="btn btn-ghost btn-sm" type="submit" style="color:#dc2626;">删除</button>
            </form>
          </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="{{.Data.Base}}page={{sub .Data.Page 1}}">← 上一页</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="{{.Data.Base}}page={{add .Data.Page 1}}">下一页 →</a>{{else}}<span class="btn btn-ghost btn-sm" style="opacity:.4">下一页 →</span>{{end}}
  </div>
  {{end}}
</div>
{{end}}