{{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}}线上{{end}}</span>
        <span class="shelf-note">共 {{.Data.Total}} 人报名</span>
        <span class="shelf-note">已签到 {{.Data.Checked}} 人</span>
        <span class="shelf-note">待核验 {{sub .Data.Total .Data.Checked}} 人</span>
        {{if .Data.Event.Capacity}}<span class="shelf-note">名额 {{.Data.Event.Capacity}}</span>{{end}}
      </div>
    </div>
    <div style="display:flex;align-items:center;gap:10px;">
      {{if eq .Data.Event.Mode "offline"}}
      <a href="/admin/events/checkin" class="btn btn-ghost btn-sm">现场核验</a>
      {{end}}
      <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>
        </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 .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>
        </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}}