{{template "layout.html" .}}
{{template "listHeader" "tag"}}
<div class="card">
  <div class="tbl-wrap">
  <form id="tagForm">
  <table class="tbl">
    <thead>
      <tr>
        <th style="width:34px"><input type="checkbox" id="selectAll"></th>
        <th style="width:50px">ID</th>
        <th>名称</th>
        <th>别名</th>
        <th>标签值</th>
        <th style="width:80px">分组</th>
        <th style="width:80px">排序</th>
        <th style="width:70px">状态</th>
        <th style="width:130px">操作</th>
      </tr>
    </thead>
    <tbody>
      {{range .tags}}
      <tr>
        <td><input type="checkbox" name="ids" value="{{.ID}}"></td>
        <td>{{template "badgeID" .ID}}</td>
        <td><strong>{{.Name}}</strong></td>
        <td><span class="text-muted">{{.Slug}}</span></td>
        <td><span class="text-muted text-sm" style="max-width:200px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">{{.Value}}</span></td>
        <td>{{if .Group}}<span class="badge badge-info">{{.Group}}</span>{{else}}<span class="text-muted">—</span>{{end}}</td>
        <td>{{.Sort}}</td>
        <td>{{template "badgeStatus" .Status}}</td>
        <td><div class="tbl-acts">
          <a href="/admin/tag/form?id={{.ID}}" class="btn btn-sm btn-info">编辑</a>
          <button type="button" class="btn btn-sm btn-danger" onclick="delRecord({{.ID}},'/admin/tag/delete','确定要删除该标签吗？')">删除</button>
        </div></td>
      </tr>
      {{else}}
      {{template "emptyState" 9}}
      {{end}}
    </tbody>
  </table>
  </form>
  </div>
  <div class="card-bd" style="padding-top:12px">
    <div style="display:flex;gap:8px;align-items:center">
      <button class="btn btn-sm btn-danger" onclick="batchDel()" id="batchDelBtn" disabled>批量删除</button>
    </div>
  </div>
</div>
<script>
document.getElementById('selectAll').addEventListener('change',function(){
  document.querySelectorAll('input[name="ids"]').forEach(function(c){c.checked=this.checked},this);
  toggleBatchBtn();
});
document.querySelectorAll('input[name="ids"]').forEach(function(c){
  c.addEventListener('change',toggleBatchBtn);
});
function toggleBatchBtn(){
  var checked=document.querySelectorAll('input[name="ids"]:checked').length;
  document.getElementById('batchDelBtn').disabled=checked===0;
}
function batchDel(){
  var ids=[];document.querySelectorAll('input[name="ids"]:checked').forEach(function(c){ids.push(c.value)});
  if(!ids.length){resultModal('⚠️','提示','请选择要删除的标签');return}
  confirmModal('批量删除','确定删除选中的 '+ids.length+' 条标签吗？',function(){
    var f=new FormData();f.append('ids',ids.join(','));
    adminFetch('/admin/tag/batch_delete',f,function(){setTimeout(function(){location.reload()},600)});
  },'确认删除');
}
</script>
</body>
</html>