{{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 ne .Data.Event.Mode "offline"}}checked{{end}}>
            <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}}>
            <span class="event-kind-text">{{ico "pin"}} 线下 · 现场扫码核验</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="form-row">
        <label>活动地点（线下活动必填）</label>
        <input type="text" name="location" value="{{.Data.Event.Location}}" placeholder="如：城市书房 · 三楼共读间；线上活动留空即可">
      </div>

      <div class="event-form-grid">
        <div class="form-row">
          <label>报名上限</label>
          <input type="number" name="capacity" min="0" value="{{.Data.Event.Capacity}}" placeholder="0 表示不限制">
        </div>
        <div class="form-row">
          <label>发起人</label>
          <input type="text" name="author" value="{{.Data.Event.Author}}" placeholder="留空则默认为「匿名」">
        </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>

      <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>
{{end}}