{extend name='user/layout_no_sidebar'/}

{block name='content'}
    <div class="wntheme-reg-wrap">
        <form method="post" id="fm" action="">
            <input type="hidden" name="ac" value="{$param['ac']}">
            <h2 class="wntheme-reg-title">{:lang('find_password')}{$param['ac_text']}</h2>
            <div class="wntheme-reg-group">
                <label>{$param['ac_text']}</label><input type="text" id="to" name="to" class="wntheme-reg-control wntheme-reg-w2" placeholder="{:lang('please_enter_bound')}{$param['ac_text']}"><input type="button" class="wntheme-reg-w3 wntheme-reg-yzm wntheme-text-wntheme" id="btn_send" value="{:lang('send_verification_code')}" />
            </div>
        </form>
        <form method="post" id="fm2" action="">
            <input type="hidden" name="ac" value="email">
            <div class="wntheme-reg-group">
                <label>{:lang('verification_code')}</label><input type="text" id="code" name="code" class="wntheme-reg-control" placeholder="{:lang('please_enter')}{$param['ac_text']}{:lang('verification_code')}">
            </div>
            <div class="wntheme-reg-group">
                <label>{:lang('new_password')}</label><input type="password" class="wntheme-reg-control" id="user_pwd" name="user_pwd" placeholder="{:lang('please_enter_new_password')}">
            </div>
            <div class="wntheme-reg-group">
                <label>{:lang('confirm_password')}</label><input type="password" class="wntheme-reg-control" id="user_pwd2" name="user_pwd2" placeholder="{:lang('please_enter_confirm_password')}">
            </div>
            <input type="button" id="btn_submit" class="wntheme-btn-submit wntheme-bg-wntheme" value="{:lang('reset_password')}">
        </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')}">{:lang('use_security_find')}</a>{if$_GET['ac']=='phone'}<a href="{:mac_url('user/findpass_msg')}?ac=email">{:lang('find_by_email')}</a>{elseif$_GET['ac']=='email'}<a href="{:mac_url('user/findpass_msg')}?ac=phone">{:lang('find_by_phone')}</a>{/if}
        </div>
    </div>
{/block}

{block name='footer_scripts'}
    <script type="text/javascript">
    $(function () {
    $("body").bind('keyup', function (event) {
    if (event.keyCode == 13) {$('#btnLogin').click();}
    });
    $('#btn_send').click(function () {
    if ($('#to').val() == '') {alert("{:lang('please_enter')}{$param['ac_text']}"); $("#to").focus(); return false;}
    $.ajax({
        url: "{:url('user/findpass_msg')}",
        type: "post",
        dataType: "json",
        data: $('#fm').serialize(),
        beforeSend: function () {
            $("#btn_send").val("{:lang('loading')}");
        },
        success: function (r) {
            alert(r.msg);
        },
        complete: function () {
            $('#verify').click();
            $("#btn_send").val("{:lang('send_email')}");
        }
    });
    });

    $('#btn_submit').click(function () {
    if ($('#to').val() == '') {alert("{:lang('please_enter')}{$param['ac_text']}"); $("#to").focus(); return false;}
    if ($('#code').val() == '') {alert("{:lang('please_enter_verification_code')}"); $("#code").focus(); return false;}
    if ($('#user_pwd').val() == '') {alert("{:lang('please_enter_new_password')}"); $("#user_pwd").focus(); return false;}
    if ($('#user_pwd2').val() == '') {alert("{:lang('please_enter_confirm_password')}"); $("#user_pwd2").focus(); return false;}
    if ($('#user_pwd').val() != $('#user_pwd2').val()) {alert("{:lang('password_mismatch')}"); $("#user_pwd2").focus(); return false;}

    var data = {ac: '{$param["ac"]}', to: $('#to').val(), code: $('#code').val(), user_pwd: $('#user_pwd').val(), user_pwd2: $('#user_pwd2').val()};
    $.ajax({
        url: "{:url('user/findpass_reset')}",
        type: "post",
        dataType: "json",
        data: data,
        beforeSend: function () {
            $("#btn_submit").css("background", "#fd6a6a").val("{:lang('loading')}");
        },
        success: function (r) {
            alert(r.msg);
        },
        complete: function () {
            $("#btn_submit").css("background", "#fa4646").val("{:lang('reset_password')}");
        }
    });
    });
    });
    </script>
{/block}