{{template "layout.html" .}}
<div class="flex items-center justify-between" style="margin-bottom:20px">
  <div></div>
  <a href="/admin/admin_user/form" class="btn btn-primary">＋ 新增管理员</a>
</div>
<div class="card">
  <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 style="width:70px">状态</th>
        <th style="width:180px">操作</th>
      </tr>
    </thead>
    <tbody>
      {{range .users}}
      <tr>
        <td><span class="badge badge-id">{{.ID}}</span></td>
        <td><strong>{{.Username}}</strong></td>
        <td>{{.Nickname}}</td>
        <td>{{if .Email}}{{.Email}}{{else}}<span class="text-muted">—</span>{{end}}</td>
        <td>{{if .Role}}<span class="badge badge-primary">{{.Role.Name}}</span>{{else}}<span class="text-muted">—</span>{{end}}</td>
        <td><span class="text-sm text-muted">{{if .LastLogin}}{{.LastLogin.Format "2006-01-02 15:04"}}{{else}}—{{end}}</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/admin_user/form?id={{.ID}}" class="btn btn-sm btn-info">编辑</a>
          {{if gt .ID 1}}<a href="/admin/admin_user/reset_pwd?id={{.ID}}" class="btn btn-sm btn-ghost">重置密码</a>
          <button class="btn btn-sm btn-ghost" onclick="toggleStatus({{.ID}})">{{if eq .Status 1}}禁用{{else}}启用{{end}}</button>
          <button class="btn btn-sm btn-danger" onclick="delUser({{.ID}})">删除</button>{{end}}
        </div></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>
<script>
function toggleStatus(id){
  confirmModal('确认操作','确认切换该管理员状态？',function(){
    var f=new FormData();f.append('id',id);
    fetch('/admin/admin_user/toggle_status',{method:'POST',body:f})
      .then(function(r){return r.json()})
      .then(function(d){if(d.code===0){location.reload()}else{resultModal('❌','操作失败',d.msg)}});
  },'确认');
}
function delUser(id){
  confirmModal('确认删除','确定要删除该管理员吗？',function(){
    var f=new FormData();f.append('id',id);
    fetch('/admin/admin_user/delete',{method:'POST',body:f})
      .then(function(r){return r.json()})
      .then(function(d){if(d.code===0){location.reload()}else{resultModal('❌','删除失败',d.msg)}});
  },'确认删除');
}
</script>

</body>
</html>