<!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/index.css?v={$smarty.const.CSS_JS_VERSION}">
    <script src="{$smarty.const.CSS_URL}/js/jquery-3.6.0.min.js"></script>
</head>
{literal}
<style>
    table {
        width: 100%;
        border-collapse: collapse;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        margin-bottom: 50px;
    }
    caption {
        font-size: 18px;
        font-weight: bold;
        padding: 10px;
        color: #333;
    }
    th, td {
        padding: 12px;
        text-align: left;
        border-bottom: 1px solid #ddd;
    }
    th {
        background-color: #4CAF50;
        color: white;
    }
    tr:hover {
        background-color: #f1f1f1;
    }
    /* 响应式表格 */
    @media (max-width: 600px) {
        table {
            width: 100%;
        }
        th, td {
            display: block;
            text-align: right;
            padding: 10px;
        }
        th {
            text-align: left;
            background-color: #3b8c40;
        }
    }
</style>
{/literal}
<body>
    <div class="home-page">
        <div class="header-wrap">
            <img class="home-logo" src="{$smarty.const.CSS_URL}/images/home-logo.png" alt="">
            <div class="header-right flex">
                <img src="{$smarty.const.CSS_URL}/images/home-more.png" alt="">
                <div class="dropdown">
                    <button class="dropdown-toggle">
                        {$nickname}
                        <img class="icon" src="{$smarty.const.CSS_URL}/images/drop-icon.svg" alt="">
                    </button>
                    <div class="dropdown-panel">
                        <a href="/loginout">退出</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="home-main-content">
            <table>
                <caption>审核员列表</caption>
                <tr>
                    <td>ID</td>
                    <td>昵称</td>
                    <td>真实姓名</td>
                    <td>操作</td>
                </tr>
                {foreach from=$user_list key=key item=item}
                <tr>
                    <td>{$item.id}</td>
                    <td>{$item.nickname}</td>
                    <td>{$item.real_name}</td>
                    <td>
                        {if $item.is_super_admin == 0}
                        <button data-id="{$item.id}" class="change-status button {if $item.status==0}button-primary{else}button-danger{/if}">{if $item.status==0}启用{else}禁用{/if}</button>
                        {/if}
                    </td>
                </tr>
                {/foreach}
            </table>

            {if $login_list}
            <table>
                <caption>申请列表</caption>
                <tr>
                    <td>ID</td>
                    <td>昵称</td>
                    <td>登陆时间</td>
                    <td>操作</td>
                </tr>
                {foreach from=$login_list key=key item=item}
                <tr>
                    <td>{$item.id}</td>
                    <td>{$item.nickname}</td>
                    <td>{$item.addtime}</td>
                    <td>
                        <button data-id="{$item.id}" class="button button-primary passBtn">审核通过</button>
                    </td>
                </tr>
                {/foreach}
            </table>
            {/if}
        </div>
        <div class="leftSideFooterNew">
            <p>Copyright &copy;2012-2025 .</p>
            <p><span>All Rights Reserved</span> 底部随便写的</p>
        </div>
    </div>
</body>
{literal}
<script>
    $('.change-status').click(function (){
        var id = $(this).data('id');
        var status = $(this).hasClass('button-danger') ? 0 :  1;
        var that = $(this);
        $.ajax({
            type: "post",
            dataType: 'json',
            url: '/index/ajax_change_user_status',
            data: {
                id,
                status
            },
            success: function (res) {
                alert(res.info)
                if(res.status){
                    if(status==1){
                        that.html('禁用').removeClass('button-primary').addClass('button-danger');
                    }else{
                        that.html('启用').addClass('button-primary').removeClass('button-danger');
                    }
                }
            }
        })
    })

    $('.passBtn').click(function (){
        var id = $(this).data('id');
        $.ajax({
            type: "post",
            dataType: 'json',
            url: '/index/ajax_pass_user',
            data: {
                id,
                status
            },
            success: function (res) {
                alert(res.info)
                if(res.status){
                    window.location.reload();
                }
            }
        })
    })
</script>
{/literal}

</html>