{include:head.html}
{include:header.html}
<link rel="stylesheet" href="/static/member/member.css">

<div class="main">
    <div class="container">
        <div class="content">
            <div class="auth-wrap">
                <h2>重置密码</h2>
                {raw:error}
                {raw:success}
                <form method="post" action="{raw:form_action}" class="auth-form">
                    <div class="form-group">
                        <label>注册邮箱 <span class="required">*</span></label>
                        <input type="email" name="email" value="{var:email}" required placeholder="请输入注册时填写的邮箱">
                    </div>
                    <div class="form-group">
                        <label>邮箱验证码 <span class="required">*</span></label>
                        <input type="text" name="code" required pattern="\d{6}" maxlength="6" placeholder="6 位数字验证码">
                    </div>
                    <div class="form-group">
                        <label>新密码 <span class="required">*</span></label>
                        <input type="password" name="password" required minlength="8" placeholder="至少8位，含两类字符">
                    </div>
                    <div class="form-group">
                        <label>确认新密码 <span class="required">*</span></label>
                        <input type="password" name="password2" required minlength="8" placeholder="再次输入以确认">
                    </div>
                    <div class="form-group">
                        <button type="submit" class="btn-submit">重置密码</button>
                    </div>
                </form>
                <p class="auth-links">
                    没收到验证码？<a href="{raw:forgot_url}">重新发送</a>
                    <br>
                    想起来了？<a href="{raw:login_url}">返回登录</a>
                </p>
            </div>
        </div>

        <div class="sidebar">
            <!-- 热门文章 -->
            <div class="widget hot-articles">
                <h3>热门文章</h3>
                <ol class="hot-list">
                    {qbcms:arclist num="8" order="desc" by="hits"}
                    <li>
                        <a href="[field:url]">[field:title]</a>
                        <span class="hot-hits">[field:hits]</span>
                    </li>
                    {/qbcms:arclist}
                </ol>
            </div>
        </div>
    </div>
</div>

{include:footer.html}