{{define "admin_forms_form"}}
<div class="thm-forms">
  <div class="panel">
    <h2>{{if eq .Data.Mode "create"}}新建表单{{else}}编辑表单「{{.Data.Form.Title}}」{{end}}</h2>
    {{if .Data.Error}}<div class="alert">{{.Data.Error}}</div>{{end}}
    <form method="post" action="{{if eq .Data.Mode "create"}}/admin/forms/create{{else}}/admin/forms/{{.Data.Form.ID}}/update{{end}}">
      <input type="hidden" name="csrf" value="{{.CSRF}}">
      <div class="form-row">
        <label>表单名称</label>
        <input type="text" name="title" required value="{{.Data.Form.Title}}" placeholder="一句话说清收什么，如「秋季读书会报名表」">
      </div>
      <div class="form-row">
        <label>说明（可选）</label>
        <textarea name="description" rows="2" placeholder="写清用途、截止时间或注意事项">{{.Data.Form.Description}}</textarea>
      </div>

      <div class="form-row">
        <label>字段（最多 10 个，留空的行忽略）</label>
        <div class="forms-editor">
          <div class="forms-editor-head">
            <span class="forms-editor-no">#</span>
            <span>字段名称</span>
            <span>类型</span>
            <span>必填</span>
            <span>选项（选择题用英文逗号分隔）</span>
          </div>
          {{range .Data.Rows}}
          {{$row := .}}
          <div class="forms-editor-row">
            <span class="forms-editor-no">{{.Index}}</span>
            <input type="text" name="label_{{.Index}}" value="{{.Label}}" maxlength="40" placeholder="如：姓名 / 手机号">
            <select name="type_{{.Index}}">
              {{range $.Data.FieldTypes}}
              <option value="{{.}}"{{if eq . $row.Type}} selected{{end}}>{{index $.Data.TypeLabels .}}</option>
              {{end}}
            </select>
            <label class="forms-editor-req">
              <input type="checkbox" name="required_{{.Index}}" value="1"{{if .Required}} checked{{end}}> 必填
            </label>
            <input type="text" name="options_{{.Index}}" value="{{.Options}}" placeholder="选项一, 选项二, 选项三">
          </div>
          {{end}}
        </div>
        <p class="forms-editor-hint">类型选「单选 / 多选 / 下拉选择」时，务必把选项用英文逗号隔开；其余类型可留空。</p>
      </div>

      <div class="form-row">
        <label><input type="checkbox" name="open" value="1"{{if eq .Data.Form.Open 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/forms">返回表单列表</a>
      </div>
    </form>
  </div>
</div>
{{end}}