{{template "layout.html" .}}
<div class="card">
  <div class="tbl-wrap">
  <table class="tbl">
    <thead>
      <tr>
        <th style="width:34px"><input type="checkbox" id="selectAll"></th>
        <th style="width:50px">ID</th>
        <th style="width:80px">操作</th>
        <th style="width:70px">目标</th>
        <th>详情</th>
        <th style="width:80px">操作人</th>
        <th style="width:130px">IP</th>
        <th style="width:150px">时间</th>
      </tr>
    </thead>
    <tbody>
      {{range .logs}}
      <tr>
        <td><input type="checkbox" name="ids" value="{{.ID}}"></td>
        <td><span class="badge badge-id">{{.ID}}</span></td>
        <td>
          {{if eq .Action "create"}}<span class="badge badge-green">新增</span>
          {{else if eq .Action "update"}}<span class="badge badge-blue">修改</span>
          {{else if eq .Action "delete"}}<span class="badge badge-red">删除</span>
          {{else if eq .Action "login"}}<span class="badge badge-info">登录</span>
          {{else}}<span class="badge">{{.Action}}</span>{{end}}
        </td>
        <td>
          {{if eq .Target "article"}}文章
          {{else if eq .Target "category"}}栏目
          {{else if eq .Target "slide"}}幻灯片
          {{else if eq .Target "config"}}配置
          {{else if eq .Target "system"}}系统
          {{else}}{{.Target}}{{end}}
        </td>
        <td>{{.Detail}}</td>
        <td class="text-muted text-sm">{{.Username}}</td>
        <td class="text-muted text-sm">{{.IP}}</td>
        <td class="text-muted text-sm">{{.CreatedAt.Format "2006-01-02 15:04:05"}}</td>
      </tr>
      {{else}}
      <tr><td colspan="8"><div class="empty"><div class="empty-ico">📋</div><p>暂无操作日志</p></div></td></tr>
      {{end}}
    </tbody>
  </table>
  </div>
  <div class="card-bd" style="padding-top:12px">
    <div class="flex items-center justify-between flex-wrap gap-2">
      <div class="flex gap-2">
        <button class="btn btn-sm btn-danger" onclick="batchDel()">批量删除</button>
        <button class="btn btn-sm btn-ghost" onclick="clearAll()">清空全部</button>
      </div>
      <div class="pages">
        {{if gt .pagination.TotalPage 1}}
        {{if gt .pagination.Page 1}}
        <a href="/admin/log?page={{sub .pagination.Page 1}}" class="page-btn">‹ 上一页</a>
        {{end}}
        {{range $i := pages .pagination.Page .pagination.TotalPage}}
        <a href="/admin/log?page={{$i}}" class="page-btn {{if eq $i $.pagination.Page}}active{{end}}">{{$i}}</a>
        {{end}}
        {{if lt .pagination.Page .pagination.TotalPage}}
        <a href="/admin/log?page={{add .pagination.Page 1}}" class="page-btn">下一页 ›</a>
        {{end}}
        {{end}}
        <span class="text-muted text-sm" style="margin-left:8px">共 {{.pagination.Total}} 条</span>
      </div>
    </div>
  </div>
</div>
<script>
document.getElementById('selectAll').addEventListener('change',function(){document.querySelectorAll('input[name="ids"]').forEach(function(c){c.checked=this.checked},this)});
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/log/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('❌','请求失败','网络错误，请检查网络连接后重试')});
  },'确认删除');
}
function clearAll(){
  confirmModal('清空全部日志','确定要清空所有操作日志吗？此操作不可恢复。',function(){
    fetch('/admin/log/clear_all',{method:'POST'})
      .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>