{{template "layout.html" .}}
<div class="flex items-center justify-between" style="margin-bottom:20px">
  <div></div>
  <a href="/admin/form" class="btn btn-ghost">← 返回列表</a>
</div>
<div class="card" style="max-width:560px">
  <div class="card-hd">{{if .isEdit}}✎ 编辑表单{{else}}＋ 添加表单{{end}}</div>
  <div class="card-bd">
    <form id="formForm">
      <input type="hidden" name="id" value="{{.form.ID}}">
      <div class="fg">
        <label>表单名称 <span style="color:var(--danger)">*</span></label>
        <input type="text" name="name" class="fctrl" value="{{.form.Name}}" placeholder="如：在线留言、预约挂号" required>
      </div>
      <div class="fg">
        <label>表单别名 <span style="color:var(--danger)">*</span></label>
        <input type="text" name="alias" class="fctrl" value="{{.form.Alias}}" placeholder="如：contact、appointment" required>
        <div class="hint">用于公开 API 调用，如 /openapi/form/contact</div>
      </div>
      <div class="fg">
        <label>描述</label>
        <textarea name="desc" class="fctrl" rows="3" placeholder="表单说明">{{.form.Desc}}</textarea>
      </div>
      <div class="fg">
        <label>邮件通知</label>
        <input type="text" name="email_to" class="fctrl" value="{{.form.EmailTo}}" placeholder="多个邮箱用逗号分隔">
        <div class="hint">有新提交时通知到的邮箱，留空不通知</div>
      </div>
      <div class="fr">
        <div class="fg half">
          <label>状态</label>
          <select name="status" class="fctrl">
            <option value="1" {{if eq .form.Status 1}}selected{{end}}>启用</option>
            <option value="0" {{if eq .form.Status 0}}selected{{end}}>禁用</option>
          </select>
        </div>
      </div>
      <div class="flex gap-2" style="padding-top:6px">
        <button type="submit" class="btn btn-primary">保存</button>
        <a href="/admin/form" class="btn btn-ghost">取消</a>
      </div>
    </form>
  </div>
</div>
<script>
document.getElementById('formForm').addEventListener('submit',function(e){
  e.preventDefault();
  var btn=this.querySelector('button[type="submit"]');btn.disabled=true;btn.textContent='保存中…';
  fetch('/admin/form/save',{method:'POST',body:new FormData(this)})
    .then(function(r){return r.json()})
    .then(function(d){toast(d.msg,d.code===0?'success':'error');if(d.code===0)setTimeout(function(){window.location.href='/admin/form'},600);else{btn.disabled=false;btn.textContent='保存'}});
});
</script>

</body>
</html>