{{template "layout.html" .}}
<div class="flex items-center justify-between" style="margin-bottom:20px">
  <div><a href="/admin/model_type" class="btn btn-sm btn-ghost">← 返回模型</a></div>
  <div></div>
</div>
<h2>管理字段</h2>
<div class="card">
  <div class="flex items-center justify-between" style="margin-bottom:16px">
    <div></div>
    <a href="/admin/model_field/form?model_type_id={{.modelTypeID}}" class="btn btn-primary">＋ 添加字段</a>
  </div>
  <div class="tbl-wrap">
  <table class="tbl">
    <thead>
      <tr><th style="width:50px">ID</th><th>字段名</th><th>显示名</th><th>类型</th><th>默认值</th><th>选项</th><th>排序</th><th>状态</th><th>操作</th></tr>
    </thead>
    <tbody>
      {{range .fields}}
      <tr>
        <td><span class="badge badge-id">{{.ID}}</span></td>
        <td><strong>{{.Name}}</strong></td>
        <td><span class="text-muted">{{.Label}}</span></td>
        <td>
          {{if eq .Type "text"}}<span class="badge badge-blue">文本</span>
          {{else if eq .Type "textarea"}}<span class="badge badge-cyan">多行文本</span>
          {{else if eq .Type "radio"}}<span class="badge badge-purple">单选</span>
          {{else if eq .Type "checkbox"}}<span class="badge badge-green">多选</span>
          {{else if eq .Type "image"}}<span class="badge badge-pink">图片</span>
          {{else if eq .Type "file"}}<span class="badge badge-orange">附件</span>
          {{else if eq .Type "date"}}<span class="badge badge-indigo">日期</span>
          {{else if eq .Type "select"}}<span class="badge badge-yellow">下拉</span>
          {{else if eq .Type "editor"}}<span class="badge badge-red">编辑器</span>
          {{else}}<span class="badge">{{.Type}}</span>
          {{end}}
        </td>
        <td><span class="text-muted text-xs">{{.DefaultVal}}</span></td>
        <td><span class="text-muted text-xs">{{.Options}}</span></td>
        <td><span class="text-muted">{{.Sort}}</span></td>
        <td>{{if eq .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/model_field/form?id={{.ID}}&model_type_id={{.ModelTypeID}}" class="btn btn-sm btn-info">编辑</a>
          <button class="btn btn-sm btn-danger" onclick="confirmDel({{.ID}},'字段')">删除</button>
        </div></td>
      </tr>
      {{else}}
      <tr><td colspan="9"><div class="empty"><div class="empty-ico">📝</div><p>暂无字段定义</p></div></td></tr>
      {{end}}
    </tbody>
  </table>
  </div>
</div>

<script>
function confirmDel(id,name){
  confirmModal('确认删除','删除【'+name+'】吗？',function(){
    var f=new FormData();f.append('id',id);
    fetch('/admin/model_field/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>