{extend name="common@blank"}
{block name="title"}忘记密码{/block}
{block name="css"}
<link rel="stylesheet" href="__CSS__user.css">
{/block}
{block name="body"}
<div class="wall"></div>
<div class="panel forget center-block p-lg">
    <div class="panel-heading">
        <div class="row">
            <div class="col-sm-8">
                <h3>找回密码</h3>
            </div>
            <div class="col-sm-4 text-right"><a href="/">返回首页 <i class="fa fa-reply"></i></a></div>
        </div>
    </div>
    <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" 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-info btn-lg col-sm-12 mb-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>
    <div class="pb-lg">
        <div class="pull-left">
            <a href="{:url('user/index/register')}" class="text-danger">新用户注册</a>
        </div>
        <div class="pull-right">
            <a href="{:url('user/index/login')}" class="text-danger">已有帐号，去登录 <i class="fa fa-angle-double-right"></i></a>
        </div>
    </div>
</div>
{/block}
{block name="js"}
<script>
    require(['user']);
</script>
{/block}