{extend name="user@user:base"} {block name="title"}忘记密码{/block} {block name="main"}

<div class="box">
    <div class="find-step" data-step="{$step}">
        <div class="step{if $step==1} active{/if}" id="step1">
            登录账号
            <div class="num"><span>1</span></div>
        </div>
        <hr>
        <div class="step{if $step==2} active{/if} mr-0" id="step2">
            重置密码
            <div class="num"><span>2</span></div>
        </div>

    </div>
    <!--第一步-->
    {if $step==1}
    <form class="reg_form reg_forminput col-sm-4" id="forget_form" method="post" name="one" data-validator-option="{timely:2, theme:'yellow_right_effect'}">
        <div class="form-group">
            <input type="text" class="form-control" name="phone" id="phone" placeholder="请输入手机号" data-rule="手机号: required;mobile;remote(/user/api/check_forget_phone)" maxlength="11" autofocus="on">
        </div>
        <div class="form-group clearfix">
            <input type="text" id="reg-captcha" class="form-control pull-left" name="verify" placeholder="输入图中验证码" tabindex="7" data-target="#msg_holder">
            <img data-src="{:captcha_src()}" class="pull-right thumbnail mb-0" rel="captcha" alt="验证码" id="captcha_img" />
        </div>

        <div class="form-group">
            <input type="text" class="form-control" id="checkcode" name="code" placeholder="请输入四位短信验证码" data-rule="验证码: required" data-target="#msg_holder">

            <input type="button" id="get_verify" class="btn btn-yellow" data-phone="{$phone}" value="获取验证码">
        </div>

        <input type="hidden" name="step" value="1" />
        <button type="submit" class="btn btn-yellow btn-lg col-sm-12 mt-lg">下一步</button>
        <div class="clearfix"></div>
    </form>
    {else}
    <form class="reg_form reg_forminput col-sm-4" style="padding-bottom:120px;" method="post" name="two" data-validator-option="{timely:2, theme:'yellow_right_effect'}">
        <div class="form-group">
            <input type="password" class="form-control" name="pwd" placeholder="请输入新密码" data-rule="密码: required;password;" autofocus="on">
        </div>
        <div class="form-group">
            <input type="password" class="form-control" name="repwd" placeholder="确认新密码" data-rule="确认密码:required;match(pwd);">
        </div>
        <input type="hidden" name="step" value="2" />
        <button type="submit" class="btn btn-yellow btn-lg col-sm-12 mt-lg">确认</button>
    </form>
    {/if}
</div>

{/block}