{extend name="./template/manwa/m/pub/base.html" /}
{block name="seo"}
<title>用户登录-漫蛙漫画-ManWa腐宅漫画网-最新最狂最火的漫画网</title>
{/block}
{block name="css"}
<link rel="stylesheet" href="https://mwfimsvfast3.cc/static/css/account.css">
{/block}
{block name="content"}
<style>
    .line-container{
        margin-top: 75px;
    }
    .manga-filter{
        margin-top:4rem;
    }

    .games{

        padding-top: 75px !important;
    }
    .rank-selector{
        top:75px;
    }
    .rank-list{

        margin-top: 116px;
    }
    .loadingtext{

        padding-top: 90px;
    }
    .manga-list-bar{
        top: 74px;
    }


</style>

        <div class="normal-top" style="
                background-color: #7aa69b;
                z-index: 103;
                height: 30px;
                position: fixed;
                top: 0;
                width: 100%;
                color: white;
                line-height: 30px;
                text-align: center;
                padding-bottom: 0;
                justify-content: space-between;
                box-shadow: none;
            ">
                <a href="https://www.profitablegatecpm.com/api/users?token=L2JoeG4zc2hwZz9rZXk9YjJiMWI4NDA1YTQ3YTU4ODY4OWFkZDc4YjE2NTJhMDQmcHN0PTE3MTI1ODQyNzUmcm10Yz10JnNodT1jMzE2MmNhYzhkMzZiM2Q2NTE4MTRkMGJlZjc1ZDJiNGY0MDRhNTBhOTBhMGI2ZTZjOTc1ZWJhNjJiY2JjZjFhY2M0NGJhNzM4N2M2NzBlOWE4MDI5OTllYTM2NjE1NjlkZDYwOWFjZjU0M2RkYTM5YWE1YjgzYmNlNjM4YWM2MzFjMDE0ZjlkOWU0ZTY2ZjVhNGJmZDJiNTIxNjgxYzlhMGRkMDgwMDhlN2E4NjUyNWI4ODlhZDUzMTk&uuid=&pii=&in=false" target="_blank" rel="nofollow noopenner" style="
                margin-left: 10px;
                color: white;
                font-size: 0.9rem;
            ">成人优选</a>
                <a href="http://vc75.cc" target="_blank" rel="nofollow noopenner" style="
                    margin-left: 10px;
                    color: red;
                    font-size: 0.9rem;
                    font-weight: bold;                    
                ">同城约妹</a>
                <a href="https://xsh4.cc/hbdf" target="_blank" rel="nofollow noopenner" style="
                    margin-left: 10px;
                color: white;
                font-size: 0.9rem;                   
                ">花臂夫夫</a>
                <a href="https://huli77.cc/mwbx" target="_blank" rel="nofollow noopenner" style="
                    margin-left: 10px;
                color: white;
                font-size: 0.9rem;                   
                ">狐狸导航</a><a href="https://fuw12.cc/maKapG" rel="nofollow noopenner"  target="_blank" style="color: white;margin-left: 10px;font-size: 0.9rem;margin-right: 10px;
            ">防走失</a>
            
            </div><div class="normal-top" style="top: 30px;">
    <a href="/">
        <img class="normal-top-back" src="https://mwfimsvfast3.cc/static/images/normal-top-back.png" alt="后退">
    </a>
    <span class="normal-top-title" style="width: 55%;">用户登录</span>
    <div class="normal-top-right">
        <a href="javascript:;" class="change-mode" style="font-size: 1.5rem;     color: #6a6b6b;">
            <i class="fas fa-moon" data-name="moon" aria-hidden="true" style="font-size: 1.5rem; margin-right: 10px; margin-top: 13px; color: black; display: none"></i>
            <i class="fas fa-sun" data-name="sun" aria-hidden="true" style="font-size: 1.5rem; margin-right: 10px; margin-top: 13px; color: black;display: none"></i>
        </a>
        <a href="/search/">
        <img class="normal-top-right-search" src="https://mwfimsvfast3.cc/static/images/top-right-search.png"></a>
                <a href="#" class="toggle-modal" data-id="class-modal">
                        <img src="https://mwfimsvfast3.cc/static/images/icon/ICON-ALL.png" style=" vertical-align: top; margin-top: 10px;">
                    </a>
            </div>
</div>
<form id="form-login">

    <div class="line-container">

                <div class="input-con">
            <span class="input-con-title">用户名/邮箱</span>
            <input id="txt_username" name="username" class="txt_phone" type="text" placeholder="输入用户名/邮箱" value="">
        </div>
        <div style="padding:5px;color: red;
    font-size: 0.8rem;display: none" class="username-msg"></div>
        <div class="input-con">
            <span class="input-con-title">密码</span>
            <input id="txt_password" name="password" class="txt_password" type="password" placeholder="密码" value="">
        </div>
        <div class="input-con">
            <span class="input-con-title">验证码</span>
            <input name="captcha" class="txt_phone" type="text" placeholder="验证码" value="">
            <p style="margin-top: 5px;">
                <img id="captcha" src="/captcha" onclick = "this.src='/captcha?rnd=' + Math.random();">
            </p>
        </div>
    </div>
</form>
<a onclick="login();" class="line-container-btn">登录</a>
<div class="line-tip">
    <a class="line-tip-left" href="/account/forgetpwd">忘记密码/用户名?</a>
    <a class="line-tip-right" href="#" style="color: #cfcfcf;text-decoration: none;">去注册</a></div>
<div style="
    text-align: center;
    margin-top: 30px;
">
    <span style="color: red;font-weight: bold;">即日起暂时不开放注册</span>
</div>
<div style="
    text-align: center;
    margin-top: 50px;
">
    <a id="copy_mail" href="javascript:;"  style="
    font-size: 0.8rem;
    padding: 5px;
    border: 1px solid;
    border-radius: 14px;
    margin: 6px;
    color: gray;
    padding-right: 10px;
"><i class="fa  fa-info" style="
    margin: 0px 5px;
    border: 1px solid;
    padding: 3px 6px;
    border-radius: 13px;
    color: white;
    background-color: gray;
    font-size: 0.5rem;
" aria-hidden="true"></i>漫蛙邮箱:manwa.service@gmail.com
    </a>
</div>
<div class="toast" style="display:none;"></div>


<script>



    $(function (){
        $('#txt_username').val($.cookie("username"));
        $('#txt_password').val($.cookie("passwd"));

        $(document).on('blur','#txt_username',function (){
            $.get('/account/check_user?username='+$('#txt_username').val(),function(res){

                $('.username-msg').show().text(res.msg)
            })
        })

        if($.cookie("username")){
            $.get('/account/check_user?username='+$('#txt_username').val(),function(res){

                $('.username-msg').show().text(res.msg)
            })
        }


    })

    var regpwd = new RegExp("^[0-9A-Za-z\\-=\\[\\];,./~!@#$%^*()_+}{:?]{6,21}$");

    /**
     * 验证form表单数据
     * @param {any} action
     */
    function verifyform() {
        var $username = $("#txt_username");
        var $phone = $("txt_phone");
        var $phonecode = $("txt_phonecode");
        var $pwd = $("#txt_password");
        var $pwd1 = $("#txt_password2");
        var $tip = $(parent + " .account-login-form .tip");
        if ($phone.length>0) {
            if ($.trim($phone.val()) === "")
            {
                $phone.focus().css({ outlineWidth: 1, outlineColor: "#fd113a" });
                ShowDialog("手机号码不填可是不行的哦~");
                return false;
            }
            if (!$phonecode || $.trim($phonecode.val()) === "") {
                $phonecode.focus().css({ outlineWidth: 1, outlineColor: "#fd113a" });
                ShowDialog("短信验证码不填可是不行的哦~");
                return false;
            }
        }
        else {
            if (!$username || $.trim($username.val()) === "") {
                ShowDialog("账号信息不填可是不行的哦~");
                $username.focus().css({ outlineWidth: 1, outlineColor: "#fd113a" });
                return false;
            }
        }
        if (!$pwd || $.trim($pwd.val()) === "") {
            ShowDialog("密码不填可是不行的哦~");
            $pwd.focus().css({ outlineWidth: 1, outlineColor: "#fd113a" });
            return false;
        }
        if ($pwd1.length > 0 && $.trim($pwd1.val()) === "") {
            ShowDialog("请再次输入密码");
            $pwd1.focus().css({ outlineWidth: 1, outlineColor: "#fd113a" });
            return false;
        }
        if ($pwd1.length > 0 && $.trim($pwd.val()) !== $.trim($pwd1.val())) {
            $tip.text("两次输入的密码不一致，请重新输入");
            $pwd.focus().css({ outlineWidth: 1, outlineColor: "#fd113a" }).val("");
            $pwd1.val("");
            return false;
        }
        if (!regpwd.test($pwd.val())) {
            ShowDialog("密码由6-20位字母、数字和字符组成");
            $pwd.focus().css({ outlineWidth: 1, outlineColor: "#fd113a" }).val("");
            if ($pwd1.length > 0) {
                $pwd1.val("");
            }
            return false;
        }
        return true;
    }

    function login(){
        var $username = $("#txt_username");
        var $pwd = $("#txt_password");
        var r = Math.random()
        if (!$username || $.trim($username.val()) === "") {
            ShowDialog("必须填写用户名");
            $username.focus().css({ outlineWidth: 1, outlineColor: "#fd113a" });
            $('#captcha').attr('src','captcha?rnd=' + r)
            return;
        }
        if (!$pwd || $.trim($pwd.val()) === "") {
            ShowDialog("必须填写密码");
            $pwd.focus().css({ outlineWidth: 1, outlineColor: "#fd113a" });
            $('#captcha').attr('src','captcha?rnd=' + r)
            return;
        }
        $.cookie("passwd",$("#txt_password").val());
        $.ajax({
            type: 'POST',
            url: "/login",
            data: $('#form-login').serialize(),
            dataType: 'json',
            success: function (data) {
                var result = data;
                if (result.err == 0){ //登录成功
                    ShowDialog(result.msg);
                    setTimeout(function () {
                                                    location.href = '/ucenter';
                                            }, 1000);
                } else {


                    //$('#captcha').attr('src','captcha?rnd=' + r)
                    $.cookie("PHPSESSID", null, { path: '/' });
                    ShowDialog(result.msg);
                    setTimeout(function (){  window.location.reload() },1000)
                }
            },
            error: function (data) {
                $('#captcha').attr('src','captcha?rnd=' + r)
                ShowDialog(data.msg);
            },
        });
    }

</script>
{/block}