{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('retrieve_password')}</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_login_account')}">
            </div>
            <div class="wntheme-reg-group">
                <label>{:lang('security_question')}</label><input type="text" id="user_question" name="user_question" class="wntheme-reg-control" placeholder="{:lang('enter_security_question')}">
            </div>
            <div class="wntheme-reg-group">
                <label>{:lang('security_answer')}</label><input type="text" id="user_answer" name="user_answer" class="wntheme-reg-control" placeholder="{:lang('enter_security_answer')}">
            </div>
            <div class="wntheme-reg-group">
                <label>{:lang('new_password')}</label><input type="password" id="user_pwd" name="user_pwd" class="wntheme-reg-control" placeholder="{:lang('enter_new_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_confirm_password')}">
            </div>
            <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" src="{:url('verify/index')}" onClick="this.src=this.src+'?'" alt="{:lang('click_refresh')}" />
            </div>
            <input type="button" id="btn_submit" class="wntheme-btn-submit wntheme-bg-wntheme" value="{:lang('retrieve_now')}">
        </form>
        <div class="wntheme-reg-go wntheme-text-center clearfix">
            <a href="{:mac_url('user/login')}">{:lang('login_account')}</a><a href="{:mac_url('user/findpass_msg')}?ac=email">{:lang('retrieve_by_email')}</a><a href="{:mac_url('user/findpass_msg')}?ac=phone">{:lang('retrieve_by_phone')}</a>
        </div>
    </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_login_account')}"); $("#user_name").focus(); return false;}
                if ($('#user_pwd').val() == '') {alert("{:lang('enter_new_password')}"); $("#user_pwd").focus(); return false;}
                if ($('#verify').val() == '') {alert("{:lang('enter_verification_code')}"); $("#verify").focus(); return false;}

                $.ajax({
                    url: "{:url('user/findpass')}",
                    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);
                        }
                    },
                    complete: function () {
                        $('#verify').click();
                        $("#btn_submit").css("background", "#fa4646").val("{:lang('retrieve_now')}");
                    }
                });

            });
        });
    </script>
{/block}