<% layout('/layouts/default.html', {title: '忘记密码', libs: ['validate'], bodyClass: 'login-page'}){ %>
<% include('/include/upgrade.html'){} // 如果客户浏览器版本过低，则显示浏览器升级提示。 %>
<link rel="stylesheet" href="${ctxStatic}/icheck/1.0/square/blue.css?${_version}">
<link rel="stylesheet" href="${ctxStatic}/jquery-toastr/2.1/toastr.min.css?${_version}">
<link rel="stylesheet" href="${ctxStatic}/jquery-plugins/jquery.strength.css?${_version}">
<link rel="stylesheet" href="${ctxStatic}/modules/sys/sysLogin.css?${_version}">
<div class="login-box" style="margin:4% auto 300px auto;">
	<div class="login-logo">
		<a href="${ctxPath}/account/forgetPwd"><b>${@Global.getConfig('productName')}</b>
			<small>${@Global.getConfig('productVersion')}</small></a>
	</div>
	<div class="login-box-body">
		<form id="forgetForm" action="${ctxPath}/account/forgetPwd" method="post">
			<div class="form-group has-feedback">
				<select id="fp_validType" name="op" class="form-control">
					<% if(@Global.getConfigToBoolean('msg.sms.enabled','true')){ %><option value="mobile">使用手机号码找回您的密码</option><% } %>
					<% if(@Global.getConfigToBoolean('msg.email.enabled','true')){ %><option value="email">使用电子邮箱找回您的密码</option><% } %>
					<option value="question">使用保密问题找回您的密码</option>
				</select>
			</div>
			<div class="form-group has-feedback">
				<span class="fa fa-user form-control-feedback"></span>
				<input type="text" id="fp_loginCode" name="loginCode" class="form-control required" data-msg-required="请填写登录账号." placeholder="登录账号" />
			</div>
			<div class="form-group has-feedback fp-element fp-mobile fp-email fp-question">
				<#form:validcode id="fp_validCode" name="validCode" isRequired="true" isRemote="true" isLazy="false"/>
			</div>
			<div class="form-group has-feedback fp-element fp-mobile fp-email">
				<div class="input-group">
					<input type="text" id="fpValidCode" name="fpValidCode" class="form-control required"
						data-msg-required="请填写手机验证码." placeholder="手机验证码" />
					<span class="input-group-btn">
						<input type="button" id="sendFpValidCode" value="获取手机验证码" class="btn btn-flat"/>
					</span>
				</div>
			</div>
			<div class="form-group has-feedback fp-element fp-question clearfix">
				<input type="button" id="fp_getQuestion" value="获取保密问题" class="btn btn-default btn-block btn-flat"/>
			</div>
			<div class="form-group has-feedback fp-element fp-question">
				问题1：<span id="fp_q1"></span>
			</div>
			<div class="form-group has-feedback fp-element fp-question">
				<span class="fa fa-question-circle form-control-feedback"></span>
				<input type="text" id="fp_pwdQuestionAnswer" name="pwdQuestionAnswer"
					class="form-control required" data-msg-required="请填写答案1." placeholder="答案1 " />
			</div>
			<div class="form-group has-feedback fp-element fp-question">
				问题2：<span id="fp_q2"></span>
			</div>
			<div class="form-group has-feedback fp-element fp-question">
				<span class="fa fa-question-circle form-control-feedback"></span>
				<input type="text" id="fp_pwdQuestionAnswer2" name="pwdQuestionAnswer2"
					class="form-control required" data-msg-required="请填写答案2." placeholder="答案2" />
			</div>
			<div class="form-group has-feedback fp-element fp-question">
				问题3：<span id="fp_q3"></span>
			</div>
			<div class="form-group has-feedback fp-element fp-question">
				<span class="fa fa-question-circle form-control-feedback"></span>
				<input type="text" id="fp_pwdQuestionAnswer3" name="pwdQuestionAnswer3"
					class="form-control required" data-msg-required="请填写答案3." placeholder="答案3" />
			</div>
			<div class="form-group has-feedback clearfix">
				<strong>设置新密码：</strong>
			</div>
			<div class="form-group has-feedback">
				<span class="fa fa-lock form-control-feedback"></span>
				<input type="password" autocomplete="off" id="fp_password" name="password"
					class="form-control required" data-msg-required="请填写新密码."
					rangelength="3,50" data-msg-rangelength="新密码长度不能小于3并大于50个字符."
					placeholder="新密码" />
			</div>
			<div class="form-group has-feedback">
				<span class="fa fa-lock form-control-feedback"></span>
				<input type="password" autocomplete="off" id="fp_confirmPassword" name="confirmPassword"
					class="form-control required" data-msg-required="请填写确认新密码."
					rangelength="3,50" data-msg-rangelength="新密码长度不能小于3并大于50个字符."
					equalTo="#fp_password" data-msg-equalTo="新密码与确认新密码不同."
					placeholder="确认新密码" />
			</div>
			<div class="row">
				<div class="col-xs-6">
					<button type="submit" class="btn btn-primary btn-block btn-flat"
						id="btnSubmit">${text('提交')}</button>
				</div>
				<div class="col-xs-6">
					<button type="button" class="btn btn-default btn-block btn-flat"
						id="btnReset">${text('返回')}</button>
				</div>
			</div>
			<div class="clearfix"></div>
		</form>
	</div>
	<div class="login-copyright">
		&copy; ${@DateUtils.getYear()} ${@Global.getConfig('productName')} - Powered By <a
			id="loginKey" data-key="${@Global.getConfig('shiro.loginSubmit.secretKey')}"
			href="http://jeesite.com" >JeeSite ${@Global.getProperty('jeesiteVersion')}</a>
	</div>
</div>
<% } %>
<script src="${ctxStatic}/common/des.js?${_version}"></script>
<script src="${ctxStatic}/jquery-toastr/2.1/toastr.min.js?${_version}"></script>
<script src="${ctxStatic}/jquery-plugins/jquery.strength.js?${_version}"></script>
<script src="${ctxStatic}/jquery-plugins/jquery.strength_i18n.js?${_version}"></script>
<script src="${ctxStatic}/modules/sys/forgetPwd.js?${_version}"></script>