{{template "layout.html" .}}
<div class="flex items-center justify-between" style="margin-bottom:20px">
  <div></div>
  <a href="/admin/form/form" class="btn btn-primary">＋ 添加表单</a>
</div>
<div class="card">
  <div class="tbl-wrap">
  <table class="tbl">
    <thead>
      <tr><th style="width:40px">ID</th><th>名称</th><th>别名</th><th>字段数</th><th style="width:100px">状态</th><th style="width:280px">操作</th></tr>
    </thead>
    <tbody>
      {{range $f := .forms}}
      <tr>
        <td><span class="badge badge-id">{{$f.ID}}</span></td>
        <td><strong>{{$f.Name}}</strong></td>
        <td><span class="text-muted text-sm">{{$f.Alias}}</span></td>
        <td><span class="text-muted text-sm">{{len $f.Fields}}</span></td>
        <td>{{if eq $f.Status 1}}<span class="badge badge-green">启用</span>{{else}}<span class="badge badge-red">禁用</span>{{end}}</td>
        <td><div class="tbl-acts">
          <a href="/admin/form/form?id={{$f.ID}}" class="btn btn-sm btn-info">编辑</a>
          <a href="/admin/form_field?form_id={{$f.ID}}" class="btn btn-sm btn-success">维护字段</a>
          <a href="/admin/form_data?form_id={{$f.ID}}" class="btn btn-sm btn-primary">查看数据 ({{$f.DataCount}})</a>
          <button class="btn btn-sm btn-danger" onclick="delForm({{$f.ID}},'{{$f.Name}}')">删除</button>
        </div></td>
      </tr>
      {{else}}
      <tr><td colspan="6"><div class="empty"><div class="empty-ico">📋</div><p>暂无表单</p></div></td></tr>
      {{end}}
    </tbody>
  </table>
  </div>
</div>
<script>
function delForm(id,name){
  confirmModal('确认删除','删除【'+name+'】及其所有字段和数据吗？',function(){
    var f=new FormData();f.append('id',id);
    fetch('/admin/form/delete',{method:'POST',body:f})
      .then(function(r){return r.json()})
      .then(function(d){toast(d.msg,d.code===0?'success':'error');if(d.code===0)setTimeout(function(){location.reload()},600)});
  },'确认删除');
}
</script>

</body>
</html>