{{template "layout.html" .}}
<div class="flex items-center justify-between" style="margin-bottom:20px">
  <div></div>
  <a href="/admin/friend_link/form" class="btn btn-primary">＋ 添加链接</a>
</div>
<div class="card">
  <div class="tbl-wrap">
  <form id="sortForm">
  <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 style="width:80px">Logo</th>
        <th style="width:80px">排序</th>
        <th style="width:70px">状态</th>
        <th style="width:130px">操作</th>
      </tr>
    </thead>
    <tbody>
      {{range .links}}
      <tr>
        <td><input type="checkbox" name="ids" value="{{.ID}}"></td>
        <td><span class="badge badge-id">{{.ID}}</span></td>
        <td><strong>{{.Name}}</strong></td>
        <td><span class="text-muted text-sm" style="max-width:200px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">{{.URL}}</span></td>
        <td>{{if .Logo}}<img src="{{.Logo}}" style="width:24px;height:24px;object-fit:contain;border-radius:4px" onerror="this.style.display='none'">{{else}}<span class="text-muted text-xs">—</span>{{end}}</td>
        <td><input type="number" name="sort_{{.ID}}" class="fctrl" style="width:60px;text-align:center" value="{{.Sort}}" min="0"></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/friend_link/form?id={{.ID}}" class="btn btn-sm btn-info">编辑</a>
          <button type="button" class="btn btn-sm btn-danger" onclick="delLink({{.ID}})">删除</button>
        </div></td>
      </tr>
      {{else}}
      <tr><td colspan="8"><div class="empty"><div class="empty-ico">🔗</div><p>暂无友情链接</p></div></td></tr>
      {{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-primary" onclick="saveSort()">保存排序</button>
      <button class="btn btn-sm btn-danger" onclick="batchDel()" id="batchDelBtn">批量删除</button>
    </div>
  </div>
</div>
<script>
document.getElementById('selectAll').addEventListener('change',function(){
  document.querySelectorAll('input[name="ids"]').forEach(function(c){c.checked=this.checked},this);
});
function saveSort(){
  var btn=document.querySelector('.card-bd .btn');btn.disabled=true;btn.textContent='保存中…';
  fetch('/admin/friend_link/sort',{method:'POST',body:new FormData(document.getElementById('sortForm'))})
    .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);else{btn.disabled=false;btn.textContent='保存排序'}});
}
function delLink(id){
  confirmModal('确认删除','确定要删除该友情链接吗？',function(){
    var f=new FormData();f.append('id',id);
    fetch('/admin/friend_link/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)});
  },'确认删除');
}
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(','));
    fetch('/admin/friend_link/batch_delete',{method:'POST',body:f})
      .then(function(r){return r.json()})
      .then(function(d){resultModal(d.code===0?'✅':'❌',d.code===0?'删除成功':'删除失败',d.msg);if(d.code===0)setTimeout(function(){location.reload()},800)})
      .catch(function(){resultModal('❌','请求失败','网络错误，请检查网络连接后重试')});
  },'确认删除');
}
</script>

</body>
</html>