{extend name="light/public" /}
{block name="title"}网站密码访问{/block}
{block name="content"}
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th colspan="2">
                                状态：{$pass_status ? '
                                <span style="color:green">
                                    已开启
                                </span>
                                <a href="javascript:httpauthOff()">
                                    [关闭]
                                </a>
                                ' : '
                                <span style="color:#2288cc">
                                    未开启
                                </span>
                                '}
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
                <form action="" method="post">
                    <table class="table">
                        <thead>
                            <tr>
                                <th colspan="2" style="border:0">
                                    设置网站密码访问
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td style="border:0">
                                    用户名：
                                    <input class="span3 form-control" id="username" name="username">
                                        密码：
                                        <input class="span3 form-control" id="password" name="password">
                                            <input class="btn btn-warning" onclick="httpauthSet()" type="button" value="保存并开启">
                                            </input>
                                        </input>
                                    </input>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span style="color:red">
                                        ！
                                    </span>
                                    注意：本系统不记录此信息，请自行牢记，如果忘记请关闭后重新提交账号密码.
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </form>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">
    function httpauthSet(){
        username = $('#username').val();
        password = $('#password').val();
        if(!username||!password){
            EchoMsg('都不能为空');
            return false;
        }
        $.post('{:url("vhost/index/httpauthSet")}',{username:username,password:password},function(res){
            EchoMsg(res.msg,1);
        })
    }
    function httpauthOff(){
        $.post('{:url("vhost/index/httpauthOff")}',{auth:'off'},function(res){
            EchoMsg(res.msg,1);
        })
    }
</script>
{/block}