| 1 | --- |
| 2 | import Account from '../layouts/Account.astro'; |
| 3 | const base = import.meta.env.BASE_URL.replace(/\/$/, ''); |
| 4 | --- |
| 5 | <Account |
| 6 | title="Set a new password — Reasonix" |
| 7 | titleEn="Set a new password — Reasonix" |
| 8 | titleZh="设置新密码 — Reasonix" |
| 9 | description="Choose a new password for your Reasonix account."> |
| 10 | <div class="auth-head"> |
| 11 | <h1><span class="l-en">Set a new password</span><span class="l-zh">设置新密码</span></h1> |
| 12 | <p><span class="l-en">Choose a password you haven't used before.</span><span class="l-zh">请设置一个新密码。</span></p> |
| 13 | </div> |
| 14 | |
| 15 | <div id="reset-msg" class="auth-msg" hidden></div> |
| 16 | |
| 17 | <form id="reset-form" class="auth-form" novalidate> |
| 18 | <div class="field"> |
| 19 | <label for="password"><span class="l-en">New password</span><span class="l-zh">新密码</span></label> |
| 20 | <input id="password" name="password" type="password" autocomplete="new-password" minlength="8" required /> |
| 21 | <span class="hint"><span class="l-en">At least 8 characters.</span><span class="l-zh">至少 8 个字符。</span></span> |
| 22 | </div> |
| 23 | <div class="field"> |
| 24 | <label for="confirm"><span class="l-en">Confirm password</span><span class="l-zh">确认密码</span></label> |
| 25 | <input id="confirm" name="confirm" type="password" autocomplete="new-password" minlength="8" required /> |
| 26 | </div> |
| 27 | <button type="submit" class="btn btn-dark"><span class="l-en">Update password</span><span class="l-zh">更新密码</span></button> |
| 28 | </form> |
| 29 | |
| 30 | <p class="auth-alt"> |
| 31 | <a href={`${base}/login/`}><span class="l-en">Back to sign in</span><span class="l-zh">返回登录</span></a> |
| 32 | </p> |
| 33 | </Account> |
| 34 |