<% include ../layout/body_header.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main">
            <h2><%= ctx.menu.children[ctx.actionName].name %>
            <a href="#ver" data-toggle="modal" data-target="#add-user" 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" data-toggle="tab" href="#user-list" role="tab">账号列表</a>
                <a class="nav-item nav-link" data-toggle="tab" href="#user-purview" role="tab">账号权限</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>
                        <% if (accountList.length > 0) { %>
                        <% accountList.forEach(function (account) { %>
                        <tr class="<%= account.enable !== 1 ? 'table-danger' : ''%>">
                            <td><%= account.account %></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-toggle="modal" data-target="#edit-user" class="btn btn-sm btn-outline-primary">编辑</a>
                                <a href="/project/account/enable/<%= account.id %>" class="btn btn-sm btn-outline-<%= account.enable === 1 ? 'danger' : 'success'%>"><%= account.enable === 1 ? '停用' : '启用'%></a>
                            </td>
                        </tr>
                        <% }) %>
                        <% } %>
                        </tbody>
                    </table>
                </div>
                <div id="user-purview" class="tab-pane">
                    <table class="table table-hover table-bordered table-sm">
                        <thead>
                        <tr>
                            <th>账号</th>
                            <th>姓名</th>
                            <th>单位</th>
                            <th>职位</th>
                            <th>权限</th>
                        </thead>
                        <tbody>
                        <tr>
                            <td>chente</td>
                            <td>陈特</td>
                            <td>珠海纵横创新软件有限公司</td>
                            <td>产品经理</td>
                            <td>台帐管理（创建标段）<a href="" class="btn btn-sm">编辑</a></td>
                        </tr>
                        <tr>
                            <td>chente</td>
                            <td>陈特</td>
                            <td>珠海纵横创新软件有限公司</td>
                            <td>产品经理</td>
                            <td><a href="" class="btn btn-sm">编辑</a></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>