{extend name="public/baseNew" /}
{block name="body"}
<form class="form-horizontal form-contain" method="post" name="login_form" id="login_form" action="/index/index/login" onsubmit="return checkLogin();">
    <div class="login-logo text-center"><img src="__PUBLIC__images/logo.png" alt=""></div>
    <div class="zhanghao_box">
    <div class="form-group">
        <label for="inputEmail3" class="col-sm-2 control-label">用户名</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" name="user_name"  id="user_name" placeholder="username">
        </div>
    </div>
    <div class="form-group">
        <label for="inputPassword3" class="col-sm-2 control-label">密码</label>
        <div class="col-sm-10">
            <input type="password" class="form-control" name="password" id="password" placeholder="Password">
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10 oth">
            <div class="checkbox">
                <label>
                    <input type="checkbox" id="remember"> 记住密码
                </label>
            </div>
            {if $qrlogin == 1}
            <a href="javascript:void(0)" class="erm_login_btn">微信扫码登录</a>
            {/if}
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-primary center-block" style="width: 100%;">登录</button>
        </div>
    </div>
</div>
<div class="erweima_box" style="display: none;">
        <div class="form-group">
            <div class="ewm_box">
                <img src="/public/img/login_qrcode.jpg" id="login_qr_code">
                <a href="javascript:void(0)" id="login_status">扫描上面二维码登录</a>
                <!-- <a href="javascript:void(0)">刷新二维码</a> -->
            </div>
        </div>
        <div class="form-group">
            <span class="btn btn-primary center-block zh_login_btn">返回账号密码登录</span>
        </div>
    </div>
</form>
{/block}
{block name="js"}
<script>
{if $qrlogin == 1}
var qrlogin = 0;
$(function(){
    $(".erm_login_btn").click(function(){
        $(this).parents(".zhanghao_box").hide();
        $(".erweima_box").show();
        qrlogin=1;
        startQrLogin();
    });
    $(".zh_login_btn").click(function(){
        $(this).parents(".erweima_box").hide();
        $(".zhanghao_box").show();
        qrlogin=0;
    });
    $('#login_qr_code').attr('src','{:url("index/loginQrShow")}');
})


function startQrLogin(){
    checkQrlogin();
    if(qrlogin == 1){
        setTimeout("startQrLogin()",1500);
    }
}

function checkQrlogin(){
    $.ajax({
        type: "POST",
        url: '{:url("qrlogin")}',
        data: [],
        dataType:'json',
        success: function(ret){
            if(ret.code == 200){
                $("#login_status").html('登录成功，请稍后...');
                location.href="/";
            }
            if(ret.code ==404){
                var order_sn = typeof ret.data == 'undefined'?'':ret.data.order_sn;
                // $('#login_qr_code').attr('src','');
                alert('订单：'+order_sn+'，在系统中未发现底片信息，请核实后再重试。');
            }
        },
        error:function(XMLHttpRequest, textStatus, errorThrown){
            var ret = XMLHttpRequest.responseJSON
            alert(ret.msg);
        }
    })
}
{/if}

function checkLogin(){
    //兼容IE
    var userName = document.getElementById('user_name').val();
    var password = document.getElementById('password').val();
    if(typeof userName == 'undefined' || userName ==''){
        alert('请输入您的用户名。');
        return false;
    }
    if(typeof password == 'undefined' || password ==''){
        alert('请输入您的密码。');
        return false;
    }
    return true;
}

$(function(){
    $("#login_form").on('submit',function(){
        login();
        return false;
        
    })
})
function login(){
    var userName = $("#user_name").val();
    var password = $("#password").val();
    if(typeof userName == 'undefined' || userName ==''){
        alert('请输入您的用户名。');
        return false;
    }
    if(typeof password == 'undefined' || password ==''){
        alert('请输入您的密码。');
        return false;
    }
    var data = "user_name="+userName+'&password='+password;
    $.ajax({
        type: "POST",
        url: 'login',
        data: data,
        dataType:'json',
        success: function(ret){
            console.log(ret);
            if(ret.code == 200){
                location.href="/";
            }else{
                alert(ret.msg);
            }
        },
        error:function(XMLHttpRequest, textStatus, errorThrown){
            var ret = XMLHttpRequest.responseJSON
            alert(ret.msg);
        }
    })
    return false;
}
</script>
{/block}