{extend name="common/layout" /}
{block name="title"}用户组管理{/block}
{block name="css"}
<link href="{$static}/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
{/block}
{block name="content"}
<div class="row">
  <div class="col-12">
    <div class="card">
      <div class="card-header">
        <div class="row align-items-center g-2">
          <div class="col"><h4 class="card-title mb-0">用户组管理</h4></div>
          <div class="col-auto">
            <div class="d-flex flex-wrap gap-2">
              <a class="btn btn-success btn-sm" href="{:url('/admin/group/add')}"><i class="ri-add-line"></i> 新增</a>
              <button type="button" class="btn btn-danger btn-sm" id="btn-delete"><i class="ri-delete-bin-line"></i> 删除</button>
              <button type="button" class="btn btn-light btn-sm" id="btn-refresh"><i class="ri-refresh-line"></i> 刷新</button>
            </div>
          </div>
        </div>
      </div>
      <div class="card-body">
        <table id="data-table"></table>
      </div>
    </div>
  </div>
</div>
{/block}
{block name="js"}
<script src="{$static}/js/bootstrap-table/bootstrap-table.min.js"></script>
<script src="{$static}/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script>
var $table = $('#data-table');
$table.bootstrapTable(AdminPage.tableDefaults({
    url: "{:url('/admin/group/list')}",
    queryParams: function (params) {
        return { limit: params.limit, page: params.offset / params.limit + 1 };
    },
    columns: [
        { checkbox: true },
        { field: 'id', title: 'ID', width: 60 },
        { field: 'title', title: '组名' },
        { field: 'remark', title: '备注' },
        { field: 'status', title: '状态', formatter: function (v) {
            return AdminPage.statusBadge(v);
        }},
        { field: 'operate', title: '操作', formatter: function (v, row) {
            return '<a class="btn btn-sm btn-success me-1" href="{:url(\'/admin/group/edit\')}?id='+row.id+'">编辑</a>' +
                   (row.id == 1 ? '' : '<button type="button" class="btn btn-sm btn-danger" onclick="del('+row.id+')">删除</button>');
        }}
    ]
}));
$('#btn-refresh').on('click', function () { $table.bootstrapTable('refresh'); });
$('#btn-delete').on('click', function () {
    var rows = $table.bootstrapTable('getSelections');
    if (!rows.length) { AdminUI.notify('请选择数据', 'warning'); return; }
    AdminUI.confirm('确认删除？', function () {
        $.post("{:url('/admin/group/delete')}", { ids: rows.map(function (r) { return r.id; }) }, function (res) {
            AdminUI.result(res); if (res.code === 1) $table.bootstrapTable('refresh');
        }, 'json');
    });
});
function del(id) {
    AdminUI.confirm('确认删除？', function () {
        $.post("{:url('/admin/group/delete')}", { id: id }, function (res) {
            AdminUI.result(res); if (res.code === 1) $table.bootstrapTable('refresh');
        }, 'json');
    });
}
</script>
{/block}