{% extends "base.html" %}
{% block title %}Slurm 用户管理{% endblock %}
{% block breadcrumb_title %}Slurm 用户管理{% endblock %}
{% block content %}
<div class="flex justify-between items-center flex-wrap gap-3" style="margin-bottom:24px">
    <div><h2 style="font-size:28px;font-weight:700">Slurm 用户管理</h2>
        <p style="color:#6b7280;margin-top:6px">按用户名查看当前集群的 Slurm 用户及其账户。</p></div>
    <button id="createSlurmUser" class="btn btn-primary">+ 创建 Slurm 用户</button>
</div>
<div class="card">
    <div class="flex items-center flex-wrap gap-3" style="margin-bottom:16px">
        <label for="slurmUserSearch">搜索用户名</label>
        <input id="slurmUserSearch" type="search" placeholder="输入用户名" style="max-width:100%">
        <button id="refreshSlurmUsers" class="btn btn-secondary">刷新</button>
        <span id="slurmUserCount" role="status">加载中…</span>
    </div>
    <p id="slurmUserError" role="alert" style="color:#b91c1c" hidden></p>
    <div class="data-table-scroll" role="region" aria-label="Slurm 用户列表" tabindex="0">
        <table class="table data-table data-table--medium has-actions">
            <thead><tr><th>用户名</th><th>集群</th><th>默认账户</th><th>关联账户</th><th>Slurm 管理级别</th><th>关联数</th><th class="col-actions">操作</th></tr></thead>
            <tbody id="slurmUsersBody"></tbody>
        </table>
    </div>
</div>
<div class="card" style="margin-top:20px">
    <h3 class="card-title">用户与关联</h3>
    <p>创建时会将用户加入所选账户。分区、QOS 和额度请到 <a href="/cluster-users">Slurm 用户关联</a> 中管理。</p>
    <p>修改入口：找到用户，在表格最右侧“操作”列点击“修改默认账户”，选择已关联账户后保存。</p>
    <p>默认账户是 Slurm 用户属性；同一计费数据库服务多个集群时，修改可能影响该用户在其他集群的默认账户选择。</p>
    <p>删除会移除该用户在当前集群中的全部账户和分区关联，可能影响排队或运行中的作业。此处操作不会创建或删除 LDAP / 系统登录用户。</p>
</div>
{% endblock %}
{% block modals %}
<div id="slurmUserModal" class="modal" style="display:none" role="dialog" aria-modal="true" aria-labelledby="slurmUserModalTitle">
    <div class="modal-content">
        <div class="modal-header"><h3 id="slurmUserModalTitle">创建 Slurm 用户</h3><button type="button" class="modal-close" id="closeSlurmUser" aria-label="关闭">&times;</button></div>
        <form id="slurmUserForm">
            <div class="form-group"><label for="slurmUsername">用户名</label><input id="slurmUsername" required maxlength="64" pattern="[A-Za-z0-9][A-Za-z0-9_.\-]{0,63}" autocomplete="off"></div>
            <div class="form-group"><label for="slurmDefaultAccount">默认账户</label><select id="slurmDefaultAccount" required></select></div>
            <p>修改默认账户可能影响共享计费数据库的其他集群。新增账户关联请使用“Slurm 用户关联”。</p>
            <p id="slurmUserFormError" role="alert" style="color:#b91c1c" hidden></p>
            <div class="modal-footer"><button type="button" id="cancelSlurmUser" class="btn btn-secondary">取消</button><button type="submit" id="saveSlurmUser" class="btn btn-primary">保存</button></div>
        </form>
    </div>
</div>
{% endblock %}
{% block page_scripts %}<script src="/static/slurm_users.js?v={{ app_version }}"></script>{% endblock %}