{% extends "auth_base.html" %}
{% block title %}重置密码{% endblock %}
{% block content %}
<section class="mx-auto max-w-md rounded-xl border border-line bg-white p-5 shadow-panel sm:p-6">
  <span class="material-symbols-outlined text-4xl text-primary" aria-hidden="true">lock_reset</span>
  <h1 class="mt-3 text-2xl font-extrabold">设置新密码</h1>
  <p class="mt-2 text-sm leading-6 text-textSub">请设置新的登录密码。提交后，其他登录状态和受信设备将被撤销。</p>
  {% with messages = get_flashed_messages(with_categories=true) %}
    {% for category, message in messages %}
    <p class="mt-4 rounded-lg p-3 text-sm {{ 'bg-dangerSoft text-dangerText' if category == 'error' else 'bg-blueSoft text-primaryDeep' }}">{{ message }}</p>
    {% endfor %}
  {% endwith %}
  <form method="post" class="mt-5 space-y-4" novalidate>
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <label class="block text-sm font-semibold">新密码<input name="password" type="password" required minlength="12" autocomplete="new-password" class="mt-2 w-full rounded-lg border border-line px-3 py-2" placeholder="12 位以上，包含大小写、数字和特殊字符"></label>
    <label class="block text-sm font-semibold">确认新密码<input name="password_confirm" type="password" required minlength="12" autocomplete="new-password" class="mt-2 w-full rounded-lg border border-line px-3 py-2" placeholder="再次输入新密码"></label>
    <button class="ui-btn ui-btn-primary w-full">保存新密码</button>
  </form>
</section>
{% endblock %}