{extend name='user/layout_no_sidebar'/}

{block name='content'}
    <div class="wntheme-reg-wrap">
        <form method="post" id="fm" action="">
            <h2 class="wntheme-reg-title">{:lang('user_registration')}</h2>
            <div class="wntheme-reg-group">
                <label>{:lang('account')}</label><input type="text" id="user_name" name="user_name" class="wntheme-reg-control" placeholder="{:lang('enter_your_login_account')}">
            </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_your_login_password')}">
            </div>
            <div class="wntheme-reg-group">
                <label>{:lang('confirm_password')}</label><input type="password" id="user_pwd2" name="user_pwd2" class="wntheme-reg-control" placeholder="{:lang('enter_your_confirmation_password')}">
            </div>
            {if condition="$user_config.reg_phone_sms neq 0"}
            <input type="hidden" name="ac" value="phone">
            <div class="wntheme-reg-group">
                <label>{:lang('phone_number')}</label><input type="text" class="wntheme-reg-control wntheme-reg-w2" id="to" name="to" placeholder="{:lang('enter_phone_number')}"><input type="button" class="wntheme-reg-w3 wntheme-reg-yzm wntheme-text-wntheme" id="btn_send_sms" value="{:lang('get_verification_code')}" />
            </div>
            <div class="wntheme-reg-group">
                <label>{:lang('verification_code')}</label><input type="text" class="wntheme-reg-control" id="code" name="code" placeholder="{:lang('enter_phone_verification_code')}">
            </div>
            {elseif condition="$user_config.reg_email_sms neq 0"}
            <input type="hidden" name="ac" value="email">
            <div class="wntheme-reg-group">
                <label>{:lang('email')}</label><input type="text" class="wntheme-reg-control wntheme-reg-w2" id="to" name="to" placeholder="{:lang('enter_email')}"><input type="button" class="wntheme-reg-w3 wntheme-reg-yzm wntheme-bg-subs" id="btn_send_sms" value="{:lang('get_verification_code')}" />
            </div>
            <div class="wntheme-reg-group">
                <label>{:lang('verification_code')}</label><input type="text" class="wntheme-reg-control" id="code" name="code" placeholder="{:lang('enter_email_verification_code')}">
            </div>
            {/if}

            {if condition="$user_config.reg_verify neq 0"}
            <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('register_now')}">
        </form>
        <div class="wntheme-reg-go wntheme-text-center clearfix">
            <a href="{$maccms.path}">{:lang('return_home')}</a><a href="{:mac_url('user/login')}">{:lang('login_account')}</a><a href="{:mac_url('user/findpass')}">{:lang('forgot_password')}</a>
        </div>
    </div>
{/block}

{block name='footer_scripts'}
    <script type="text/javascript">
        var countdown = 60;
        function settime(val) {
            if (countdown == 0) {
                val.removeAttribute("disabled");
                val.value = "{:lang('get_verification_code')}";
                countdown = 60;
                return true;
            } else {
                val.setAttribute("disabled", true);
                val.value = "{:lang('resend')}" + "(" + countdown + ")";
                countdown--;
            }
            setTimeout(function () {settime(val)}, 1000)
        }
        $("body").bind('keyup', function (event) {
            if (event.keyCode == 13) {$('#btnLogin').click();}
        });

        $('#btn_send_sms').click(function () {
            var ac = $('input[name="ac"]').val();
            var to = $('input[name="to"]').val();
            if (ac == 'email') {
                var pattern = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
                var ex = pattern.test(to);
                if (!ex) {
                    alert("{:lang('email_format_incorrect')}");
                    return;
                }
            }
            else if (ac == 'phone') {
                //中國內地號碼
                //var pattern = /^[1][0-9]{10}$/;
                //全球號碼
                var pattern = /^\+(?:[0-9] ?){6,14}[0-9]$/;
                var ex = pattern.test(to);
                if (!ex) {
                    alert("{:lang('phone_format_incorrect')}");
                    return;
                }
            }
            else {
                alert("{:lang('parameter_error')}");
                return;
            }
            settime(this);
            var data = $("#fm").serialize();

            $.ajax({
                url: "{:url('user/reg_msg')}",
                type: "post",
                dataType: "json",
                data: data,
                beforeSend: function () {
                    //开启loading
                },
                success: function (r) {
                    alert(r.msg);
                },
                complete: function () {
                    //结束loading
                }
            });
        });
        $('#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').val() == '') {alert("{:lang('enter_verification_code')}"); $("#verify").focus(); return false;}

            $.ajax({
                url: "{:url('user/reg')}",
                type: "post",
                dataType: "json",
                data: $('#fm').serialize(),
                beforeSend: function () {
                    $("#btn_submit").css("background", "#fd6a6a").val("{:lang('loading')}");
                },
                success: function (r) {
                    alert(r.msg);
                    if (r.code == 1) {
                        location.href = "{:mac_url('user/login')}";
                    }
                    else {
                        $('#verify_img').click();
                    }
                },
                complete: function () {
                    $("#btn_submit").css("background", "#fa4646").val("{:lang('register_now')}");
                }
            });
        });
    </script>
{/block}