<% include ./sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main">
            <h2>账号管理
                <% if (projectData.max_user !== accountData.length) { %>
                <a href="#ver" data-toggle="modal" data-target="#add-user" class="btn btn-primary btn-sm pull-right">添加账号</a>
                <% } else { %>
                <a href="#add-unpass" data-toggle="modal" data-target="#add-unpass" class="btn btn-primary btn-sm pull-right">添加账号（受限）</a>
                <% } %>
            </h2>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <nav class="nav nav-tabs mb-3" role="tablist">
                <a class="nav-item nav-link active" href="/setting/user">账号列表</a>
                <a class="nav-item nav-link" href="/setting/user/permission/set">账号权限</a>
            </nav>
            <div class="tab-content">
                <div id="user-list" class="tab-pane active">
                    <table class="table table-hover table-bordered table-sm">
                        <thead>
                        <tr>
                            <th>账号</th>
                            <th>姓名</th>
                            <th>单位</th>
                            <th>角色/职位</th>
                            <th>手机</th>
                            <th>电话</th>
                            <th class="text-center">操作</th></tr>
                        </thead>
                        <tbody>
                        <% for (const account of accountData) { %>
                        <tr <% if (account.enable !== 1) { %> class="table-danger"<% } %>>
                            <td><%= account.account %><% if (account.is_admin === 1) { %> <span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="管理员"><i class="fa fa-user-circle-o"></i></span><% } %></td>
                            <td><%= account.name %></td>
                            <td><%= account.company %></td>
                            <td><%= account.role %></td>
                            <td><%= account.mobile %></td>
                            <td><%= account.telephone %></td>
                            <td class="text-center"><a href="#edit-user" data-account="<%= JSON.stringify(account) %>" data-toggle="modal" data-target="#edit-user" class="btn btn-sm btn-outline-primary">编辑</a>
                                <% if (account.is_admin !== 1) { %>
                                    <% if (account.enable !== 1) { %>
                                        <a href="" class="btn btn-sm btn-outline-success account-switch-btn" data-account="<%= account.id %>">启用</a>
                                    <% } else { %>
                                        <a href="" class="btn btn-sm btn-outline-danger account-switch-btn" data-account="<%= account.id %>">停用</a>
                                    <% } %>
                                <% } %>
                            </td>
                        </tr>
                        <% } %>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/public/js/setting.js"></script>
