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

  {{if .Data.AskCode}}
  <!-- 没带码来访：给一个查码入口，不泄露任何凭码内容 -->
  <div class="event-ticket" style="max-width:560px;">
    <div class="event-ticket-main">
      <span class="event-kicker">{{ico "ticket"}} 找回报名凭证</span>
      <h1 class="event-ticket-title">{{.Data.Event.Title}}</h1>
      <p style="font-size:14px;color:var(--ink-soft);line-height:1.9;">把报名时拿到的 8 位报名码填进来，即可重新打开你的凭证——观看链接与回放都认这串码。</p>
      <form method="get" action="/events/{{.Data.Event.ID}}/ticket" style="display:flex;gap:10px;margin-top:14px;">
        <input class="event-field" type="text" name="code" maxlength="8" required placeholder="8 位报名码" style="flex:1;text-transform:uppercase;letter-spacing:2px;">
        <button class="btn btn-primary" type="submit">打开凭证</button>
      </form>
    </div>
  </div>
  {{else}}

  <!-- ===== 报名凭证：左写信息，右撕存根，中间一道虚线 ===== -->
  <div class="event-ticket">
    <div class="event-ticket-main">
      <span class="event-kicker">{{ico "ticket"}} 报名凭证 · 请妥善保存</span>
      <h1 class="event-ticket-title">{{.Data.Event.Title}}</h1>
      <div class="event-ticket-meta">
        <span>{{ico "clock"}} {{dateTime .Data.Event.StartAt}}{{if .Data.Event.EndAt}} – {{dateTime .Data.Event.EndAt}}{{end}}</span>
        {{if ne .Data.Event.Mode "online"}}
        <span>{{ico "pin"}} {{.Data.Event.Location}}</span>
        {{else}}
        <span>{{ico "globe"}} 线上开讲</span>
        {{end}}
        <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>
        {{if .Data.Waitlist}}<span class="event-mode event-mode-full">候补排队中</span>{{end}}
      </div>

      <div class="event-facts">
        <div class="event-fact"><span class="event-fact-k">报名人</span><span class="event-fact-v">{{.Data.Signup.Name}}</span></div>
        {{if .Data.Signup.Contact}}
        <div class="event-fact"><span class="event-fact-k">联系方式</span><span class="event-fact-v">{{.Data.Signup.Contact}}</span></div>
        {{end}}
        <div class="event-fact"><span class="event-fact-k">身份</span><span class="event-fact-v">{{if .Data.Waitlist}}候补（递补后自动转正）{{else}}正式报名{{end}}</span></div>
        <div class="event-fact"><span class="event-fact-k">报名时间</span><span class="event-fact-v">{{dateTime .Data.Signup.CreatedAt}}</span></div>
        <div class="event-fact"><span class="event-fact-k">签到状态</span><span class="event-fact-v">{{if eq .Data.Signup.CheckedIn 1}}已签到{{else}}待核验{{end}}</span></div>
        {{if .Data.Signup.Note}}
        <div class="event-fact"><span class="event-fact-k">留言</span><span class="event-fact-v">{{.Data.Signup.Note}}</span></div>
        {{end}}
      </div>

      <div class="event-ticket-code">
        <div class="event-code">{{.Data.Signup.Code}}</div>
        <div class="event-signup-hint" style="margin-top:6px;">这串报名码就是你的凭证编号</div>
      </div>

      {{if .Data.ShowLive}}
      <div class="ticket-box">
        <div class="ticket-title">{{ico "play"}} 进入直播间</div>
        {{if .Data.LiveOpening}}<div class="ticket-sub">预约开播：{{dateTime .Data.LiveOpening}}</div>{{end}}
        <a class="btn btn-primary" style="font-size:13px;" href="{{.Data.Event.LiveURL}}" target="_blank" rel="noopener">凭此凭证打开观看链接 →</a>
      </div>
      {{end}}

      {{if .Data.ShowReplay}}
      <div class="ticket-box ticket-replay">
        <div class="ticket-title">{{ico "play"}} 回放已就位</div>
        <div class="ticket-sub">没赶上现场？同一张凭证补看全程。</div>
        <a class="btn" style="font-size:13px;" href="{{.Data.Event.ReplayURL}}" target="_blank" rel="noopener">打开回放 →</a>
      </div>
      {{end}}

      <div class="event-ticket-hint">
        {{if .Data.Waitlist}}
        你目前排在候补队列。有人退出时按顺序自动递补，转正后这串码即可用于签到 / 入场。
        {{else if eq .Data.Event.Mode "offline"}}
        到场时把右侧二维码出示给发起人，扫一下即完成签到；也可以直接报出上面这串报名码。
        {{else if eq .Data.Event.Mode "hybrid"}}
        到场扫码签到、线上凭码进直播间，结束凭同码补看回放——一张凭证三用。
        {{else}}
        线上活动凭此凭证参加：观看与回放都在本页凭码解锁，别把凭证转给他人。
        {{end}}
      </div>
    </div>

    <div class="event-ticket-stub">
      <div class="event-ticket-qr">
        {{if .Data.QR}}
        <img src="{{.Data.QR}}" alt="报名码 {{.Data.Signup.Code}} 的二维码" width="220" height="220">
        {{else}}
        <span class="event-ticket-qr-ph">二维码生成失败，请直接报出报名码</span>
        {{end}}
      </div>
      <div class="event-ticket-perf" aria-hidden="true"></div>
      <div class="event-ticket-fig">{{.Data.Signup.Code}}</div>
    </div>
  </div>
  {{end}}

  <!-- ===== 页尾：了解 Pro 授权 ===== -->
  <div class="event-pro">
    <a href="/pro">了解 Pro 授权</a>
  </div>
</div>
{{end}}