<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>知识库</title>
    <link rel="stylesheet" href="{$smarty.const.CSS_URL}/css/common.css?v={$smarty.const.CSS_JS_VERSION}">
    <link rel="stylesheet" href="{$smarty.const.CSS_URL}/css/subCount.css?v={$smarty.const.CSS_JS_VERSION}">
    <script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <script src="{$smarty.const.CSS_URL}/js/jquery-3.6.0.min.js"></script>

</head>

<body>
    <div class="subCount-page">
        {include file="include/header.html"}
        <div class="subCount-main-content">
            <div class="subCount-main">
                <div class="tab-list flex">
                    <b>子账号管理</b>
                    <button class="addNewBtn">
                        <img src="{$smarty.const.CSS_URL}/images/add.svg" alt="">新增自子账号
                    </button>
                </div>
                <table id="dataTable">
                    <thead>
                        <tr>
                            {if $_user_info.aid == 0}
                            <th>AID</th>
                            {/if}
                            <th>账号昵称</th>
                            <th>姓名</th>
                            <th>添加时间</th>
                            <th>启用状态</th>
                        </tr>
                    </thead>
                    <tbody id="tbody-wrap">
                    </tbody>
                </table>

                <div id="editPopover" class="popover">
                    <div>
                        <span>备注</span>
                        <input type="text" id="editInput">
                    </div>
                    <div class="flex" style="justify-content: flex-end;">
                        <button id="cancelBtn">取消</button>
                        <button id="confirmBtn">确定</button>
                    </div>
                    <!-- <img src="{$smarty.const.CSS_URL}/images/appendIcon.png" alt=""> -->
                </div>


                <!-- 分页控件 -->
                <div class="pagination hide">
                    <img id="prev-page" src="{$smarty.const.CSS_URL}/images/prev.svg" alt="">
                    <ul id="page-numbers"></ul>
                    <img id="next-page" src="{$smarty.const.CSS_URL}/images/next.svg" alt="">
                    <div class="input-page">
                        <span>前往</span>
                        <input type="number" id="jump-to-page" min="1" placeholder="页码">
                        <span>页</span>
                    </div>
                    <button id="go-to-page">跳转</button>
                </div>
            </div>
        </div>
        <div class="modal-overlay"></div>

        <div class="addChildNumWrap">
            <h3>新增子账号</h3>
            {if $bind_user_info}
            <img class="temImg" src="../../images/userTem.png" alt="">
            {else}
            <div id="login_container" class="temImg">
                {literal}
                <script>
                    var obj = new WxLogin({
                        id: "login_container",
                        appid: "{/literal}{$appid}{literal}",
                        scope: "snsapi_login",
                        redirect_uri: "{/literal}{$redirect_uri}{literal}",
                        state: "{/literal}{$state}{literal}",
                        style: "black",
                        href:'data:text/css;base64,LmltcG93ZXJCb3ggLnFyY29kZSB7d2lkdGg6IDIyMHB4O2JvcmRlcjpub25lO21hcmdpbi10b3A6MHB4O30KLmltcG93ZXJCb3ggLnRpdGxlIHtkaXNwbGF5OiBub25lO30KLmltcG93ZXJCb3ggLmluZm8ge3dpZHRoOiAyMjBweDtkaXNwbGF5Om5vbmU7fQouc3RhdHVzX2ljb24ge2Rpc3BsYXk6IG5vbmV9Ci5pbXBvd2VyQm94IC5zdGF0dXMge3RleHQtYWxpZ246IGNlbnRlcjt9'
                    });
                </script>
                {/literal}
            </div>
            {/if}
            <div class="scanSuccess code-filter column {if !$bind_user_info}hide{/if}">
                <img src="{$smarty.const.CSS_URL}/images/step_success.png" alt="">
                <span class="scanSuccessText">{$bind_user_info.nickname},扫码成功</span>
            </div>
            <p class="flex" style="text-align: center;">
                <img src="{$smarty.const.CSS_URL}/images/weixin.svg" alt="">
                微信扫码,绑定子账号
            </p>
            <div class="scanSuccess name column {if !$bind_user_info}hide{/if}">
                <div class="name-top flex">
                    <img src="{$smarty.const.CSS_URL}/images/user.svg" alt="">
                    姓名
                </div>
                <input id="bind_realname" class="name-input" type="text" placeholder="可备注真实姓名">
                <input id="bind_id" type="hidden" value="{$bind_user_info.id}">
            </div>
            <div class="btnGroups flex">
               <button class="button button-normal cancelBtn">取消</button>
               <button class="scanSuccess button button-primary confirmBtn {if !$bind_user_info}hide{/if}">确定</button>
            </div>
        </div>
         {include file="include/footer.html"}
    </div>
</body>
<script src="{$smarty.const.CSS_URL}/js/subCount.js?v={$smarty.const.CSS_JS_VERSION}"></script>

</html>