{extend name="layout/content" /}
{block name="title"}<title>忘记密码_祈盟文化</title>{/block}
{block name="header"}
{/block}

{block name="nav_title"}<h1>忘记密码</h1> {/block}

{block name="content"}

<!-- 忘记密码内容 -->
<div class="warp_forgetpd">
    <div class="container">
        <div class="forgetpd">

             

            
		<div class="rebinding-box">
                <div class="box-title">
                    <h2 class="mtb5">忘记密码</h2>
                </div>

                <div class="box-timeline">
                    <ul class="text-center" >
                        <li class="step1 pass">
                            <div class="box-outside" id="outside">
                              <div class="box-num">
                                  1
                              </div>
                           </div>
                            确认账号
                        </li>
                        <li class="step2 current">
                            <div class="box-outside" id="outside">
                                <div class="box-num">
                                  2
                                </div>
                            </div>
                            验证身份
                        </li>
                        <li class=" step3">
                            <div class="box-outside" id="outside">
                                <div class="box-num" >
                                 3
                               </div>
                            </div>
                            重置密码
                        </li>
                        <li class="step4">
                                <div class="box-outside" id="outside">
                                    <div class="box-num" >
                                     4
                                   </div>
                                </div>
                               重置成功
                            </li>
                        <div class="clear">
                            
                        </div>
                    </ul>
                    
                    
                </div>


                <!--第二步-->
                <div class="twobox-form" id="twoform" >

                    {switch name="type" }
                        {case value="email" }
                        <!-- 邮箱验证 -->
                        <div class="mailbox_validation" style="display: block">
                            <p>正在为账号“<span>{$info.username}</span>”找回密码，请完成以下验证</p>
                            <p class="bind_num">绑定邮箱：{$info.email}</p>
                            <div class="get_code">
                                <span>验证码：</span>
                                <input type="text" name="code" placeholder="请输入验证码" class="mailcode">
                                <button class="getcode" onclick="sendcode()">发送验证码</button>
                                <p class="mail_code_erro">请输入验证码</p>
                            </div>
                            <button class="twobtn" id="twobtn" onclick="mail()"  >下一步</button>
                            <a href="#" onClick="javascript :history.back(-1);" class="back">&lt;返回 </a>
                        </div>
                        {/case}
                        {case value="phone"}
                        <!-- 手机号验证 -->
                        <div class="phone_validation" style="display: block">
                            <p>正在为账号“<span>{$info.username}</span>”找回密码，请完成以下验证</p>
                            <p class="bind_num">绑定手机：{$info.mobile}</p>
                            <div class="get_code">
                                <span>验证码：</span>
                                <input type="text" name="code" placeholder="请输入验证码" class="phonecode">
                                <button class="getcode" onclick="sendcode()">发送验证码</button>
                                <p class="phone_code_erro">请输入验证码</p>
                            </div>
                            <button class="twobtn" id="twobtn" onclick="phone()"  >下一步</button>
                            <a href="#" onClick="javascript :history.back(-1);" class="back">&lt;返回 </a>
                        </div>
                        {/case}
                        {default /}
                    {/switch}

                 </div>
            </div>
        </div>

    </div>
</div>

<!-- 忘记密码内容end -->
{/block}

{block name="detail_js"}
<script src="__STATIC__/js/member/contact.js"></script>
{/block}