{{template "layout.html" .}}
<div class="flex items-center justify-between" style="margin-bottom:20px">
  <div></div>
  <div><a href="/admin/form" class="btn btn-sm btn-ghost">← 返回表单</a></div>
</div>
<h2>数据管理 - {{.form.Name}}</h2>
<div class="card">
  {{if .sessions}}
  <div class="tbl-wrap">
  <table class="tbl">
    <thead>
      <tr>
        <th style="width:40px">#</th>
        {{range $f := .fields}}
        <th>{{$f.Label}}</th>
        {{end}}
        <th style="width:120px">IP</th>
        <th style="width:140px">提交时间</th>
        <th style="width:80px">操作</th>
      </tr>
    </thead>
    <tbody>
      {{range $idx, $s := .sessions}}
      <tr>
        <td><span class="badge badge-id">{{add $idx 1}}</span></td>
        {{range $f := $.fields}}
        <td><span class="text-muted text-sm">{{index $.dataMap $s.SessionID $f.Name}}</span></td>
        {{end}}
        <td><code class="text-muted text-sm">{{$s.IP}}</code></td>
        <td class="text-muted text-sm">{{$s.CreatedAt.Format "2006-01-02 15:04"}}</td>
        <td><div class="tbl-acts">
          <button class="btn btn-sm btn-danger" onclick="delData('{{$s.SessionID}}',{{$.form.ID}})">删除</button>
        </div></td>
      </tr>
      {{end}}
    </tbody>
  </table>
  </div>
  {{else}}
  <div class="empty"><div class="empty-ico">📊</div><p>暂无提交数据</p></div>
  {{end}}
</div>
<script>
function delData(sessionId, formId){
  confirmModal('确认删除','确定要删除这条提交数据吗？',function(){
    var f=new FormData();f.append('session_id',sessionId);f.append('form_id',formId);
    fetch('/admin/form_data/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>