{extend name='user/layout_no_sidebar'/}

{block name='content'}
    <div class="wntheme-reg-wrap">
        <form class="wntheme-reg-form" method="post" id="fm" action="">
            <h2 class="wntheme-reg-title">{:lang('user_login')}</h2>
            <div class="wntheme-reg-group">
                <label>{:lang('username')}</label><input type="text" id="user_name" name="user_name" class="wntheme-reg-control" placeholder="{:lang('enter_phone_or_username')}">
            </div>
            <div class="wntheme-reg-group">
                <label>{:lang('password')}</label><input type="password" id="user_pwd" name="user_pwd" class="wntheme-reg-control" placeholder="{:lang('enter_login_password')}">
            </div>
            {if condition="$GLOBALS['config']['user']['login_verify'] eq 1"}
            <div class="wntheme-reg-group">
                <label>{:lang('verification_code')}</label><input type="text" class="wntheme-reg-control wntheme-reg-w2" id="verify" name="verify" placeholder="{:lang('enter_verification_code')}"><img class="wntheme-reg-w3" id="verify_img" src="{:url('verify/index')}" onClick="this.src=this.src+'?'" alt="{:lang('click_refresh')}" />
            </div>
            {/if}
            <input type="button" id="btn_submit" class="wntheme-btn-submit wntheme-bg-wntheme" value="{:lang('login_now')}">
        </form>
        <div class="wntheme-reg-go wntheme-text-center clearfix">
            <a href="{$maccms.path}">{:lang('return_home')}</a><a href="{:mac_url('user/reg')}">{:lang('register_account')}</a><a href="{:mac_url('user/findpass')}">{:lang('forgot_password')}</a>
        </div>
        {if$GLOBALS['config']['connect']['qq']['status']==1||$GLOBALS['config']['connect']['weixin']['status']==1}
        <div class="wntheme-reg-other wntheme-text-center clearfix">
            <div class="wntheme-reg-info">{:lang('alternative_login_methods')}</div>
            <div class="wntheme-reg-oauth">
                {if condition="$GLOBALS['config']['connect']['weixin']['status'] eq 1"}
                <a class="wntheme-reg-wx" href="{:mac_url('user/oauth')}?type=weixin"><i class="wn-iconfont wntheme-icon-weixin"></i></a>
                {/if}
                {if condition="$GLOBALS['config']['connect']['qq']['status'] eq 1"}
                <a class="wntheme-reg-qq" href="{:mac_url('user/oauth')}?type=qq"><i class="wn-iconfont wntheme-icon-qq"></i></a>
                {/if}
            </div>
        </div>
        {/if}
    </div>
{/block}

{block name='footer_scripts'}
    <script type="text/javascript">
        $(function () {
            $("body").bind('keyup', function (event) {
                if (event.keyCode == 13) {$('#btnLogin').click();}
            });
            $('#btn_submit').click(function () {
                if ($('#user_name').val() == '') {alert("{:lang('enter_username')}"); $("#user_name").focus(); return false;}
                if ($('#user_pwd').val() == '') {alert("{:lang('enter_password')}"); $("#user_pwd").focus(); return false;}
                if ($('#verify').length > 0 && $('#verify').val() == '') {alert("{:lang('enter_verification_code')}"); $("#verify").focus(); return false;}
                $.ajax({
                    url: "{:url('user/login')}",
                    type: "post",
                    dataType: "json",
                    data: $('#fm').serialize(),
                    beforeSend: function () {
                        $("#btn_submit").css("background", "#fd6a6a").val("{:lang('loading')}");
                    },
                    success: function (r) {
                        if (r.code == 1) {
                            location.href = "{:mac_url('user/index')}";
                        }
                        else {
                            alert(r.msg);
                            $('#verify_img').click();
                        }
                    },
                    complete: function () {
                        $("#btn_submit").css("background", "#fa4646").val("{:lang('login_now')}");
                    }
                });
            });
        });
    </script>
{/block}