{{define "admin_events_form"}}
  <link rel="stylesheet" href="/static/css/events.css?v={{assetVer}}">
<div class="thm-events">
  <div class="panel">
    <h2>{{if eq .Data.Mode "create"}}发布活动{{else}}编辑活动「{{.Data.Event.Title}}」{{end}}</h2>
    {{if .Data.Error}}<div class="alert">{{.Data.Error}}</div>{{end}}
    <form method="post" action="{{if eq .Data.Mode "create"}}/admin/events/create{{else}}/admin/events/{{.Data.Event.ID}}/update{{end}}">
      <input type="hidden" name="csrf" value="{{.CSRF}}">

      <div class="form-row">
        <label>活动标题</label>
        <input type="text" name="title" required value="{{.Data.Event.Title}}" placeholder="一句话说清这是一场什么活动">
      </div>

      <div class="form-row">
        <label>活动形态</label>
        <div class="event-kinds">
          <label class="event-kind-pick">
            <input type="radio" name="mode" value="online" {{if eq .Data.Event.Mode "online"}}checked{{end}} onchange="evSyncGroups()">
            <span class="event-kind-text">{{ico "globe"}} 线上 · 凭码看直播与回放</span>
          </label>
          <label class="event-kind-pick">
            <input type="radio" name="mode" value="offline" {{if eq .Data.Event.Mode "offline"}}checked{{end}} onchange="evSyncGroups()">
            <span class="event-kind-text">{{ico "pin"}} 线下 · 现场扫码核验</span>
          </label>
          <label class="event-kind-pick">
            <input type="radio" name="mode" value="hybrid" {{if eq .Data.Event.Mode "hybrid"}}checked{{end}} onchange="evSyncGroups()">
            <span class="event-kind-text">{{ico "play"}} 同场直播 · 到场扫码 + 线上凭码</span>
          </label>
        </div>
      </div>

      <div class="form-row">
        <label>活动简介</label>
        <textarea name="summary" rows="4" placeholder="两三句说清活动内容、适合谁参加">{{.Data.Event.Summary}}</textarea>
      </div>

      <div class="event-form-grid">
        <div class="form-row">
          <label>开始时间</label>
          <input type="datetime-local" name="start_at" required value="{{localInput .Data.Event.StartAt}}">
        </div>
        <div class="form-row">
          <label>结束时间</label>
          <input type="datetime-local" name="end_at" value="{{localInput .Data.Event.EndAt}}">
        </div>
      </div>

      <div class="event-form-grid">
        <div class="form-row">
          <label>报名截止时间（可选）</label>
          <input type="datetime-local" name="deadline" value="{{localInput .Data.Event.Deadline}}">
          <div class="hint">到点自动停止报名；留空表示活动开始前一直可报。</div>
        </div>
        <div class="form-row">
          <label>报名上限</label>
          <input type="number" name="capacity" min="0" value="{{.Data.Event.Capacity}}" placeholder="0 表示不限制">
          <div class="hint">满员后新报名自动进候补队列。</div>
        </div>
      </div>

      <div id="addr-group">
        <div class="event-form-grid">
          <div class="form-row">
            <label>城市</label>
            <input type="text" name="city" value="{{.Data.Event.City}}" placeholder="如：杭州">
          </div>
          <div class="form-row">
            <label>活动地点（线下与同场必填）</label>
            <input type="text" name="location" value="{{.Data.Event.Location}}" placeholder="如：城市书房 · 三楼共读间">
          </div>
        </div>
        <div class="form-row">
          <label>到场备注</label>
          <input type="text" name="addr_note" value="{{.Data.Event.AddrNote}}" placeholder="选填：停车、集合点、门牌指引…">
        </div>
      </div>

      <div id="live-group">
        <div class="form-row">
          <label>观看链接（线上与同场必填）</label>
          <input type="text" name="live_url" value="{{.Data.Event.LiveURL}}" placeholder="直播间的地址；只在报名者凭证页显示，不公开">
        </div>
        <div class="event-form-grid">
          <div class="form-row">
            <label>预约开播时间</label>
            <input type="datetime-local" name="live_open_at" value="{{localInput .Data.Event.LiveOpenAt}}">
            <div class="hint">可晚于活动开始；凭证页开播前 30 分钟亮起入口。留空则报名后即可看。</div>
          </div>
          <div class="form-row">
            <label>回放链接</label>
            <input type="text" name="replay_url" value="{{.Data.Event.ReplayURL}}" placeholder="活动结束后回填；同样只对持码者可见">
          </div>
        </div>
      </div>

      <div class="event-form-grid">
        <div class="form-row">
          <label>发起人</label>
          <input type="text" name="author" value="{{.Data.Event.Author}}" placeholder="留空则默认为「匿名」">
        </div>
        <div class="form-row">
          <label>挂一张补充问卷（表单模块）</label>
          <select name="form_id">
            <option value="0">不挂</option>
            {{range .Data.Forms}}
            <option value="{{.ID}}" {{if eq $.Data.Event.FormID .ID}}selected{{end}}>{{.Title}}{{if not .Open}}（已停收）{{end}}</option>
            {{end}}
          </select>
          <div class="hint">报名归活动，忌口尺码这类细节归表单——详情页直接嵌入这张表。</div>
        </div>
      </div>

      <div class="form-row">
        <label>封面图地址</label>
        <input type="text" name="cover" value="{{.Data.Event.Cover}}" placeholder="选填，填入图片链接">
      </div>

      <div class="form-row">
        <label><input type="checkbox" name="status" value="1" {{if eq .Data.Event.Status 1}}checked{{end}}> 发布（发布后前台可见并可报名）</label>
      </div>

      {{if .Data.SeatField}}{{.Data.SeatField}}{{end}}

      <div style="display:flex;gap:10px;align-items:center;">
        <button class="btn btn-primary" type="submit">{{if eq .Data.Mode "create"}}发布活动{{else}}保存修改{{end}}</button>
        <a class="btn btn-ghost" href="/admin/events">返回活动列表</a>
      </div>
    </form>
  </div>
</div>
<script>
function evSyncGroups(){
  var m = (document.querySelector('input[name="mode"]:checked')||{}).value || 'online';
  var addr = document.getElementById('addr-group');
  var live = document.getElementById('live-group');
  if(addr) addr.style.display = (m==='online') ? 'none' : '';
  if(live) live.style.display = (m==='offline') ? 'none' : '';
}
evSyncGroups();
</script>
{{end}}