<%- include('../partials/head', { title }) %>
<section class="panel mx-auto max-w-xl p-6">
  <h2 class="text-xl font-black">تغییر رمز عبور الزامی است</h2>
  <p class="mt-2 text-sm text-slate-500">رمز موقت را با رمزی شخصی و قوی جایگزین کنید.</p>
  <% if (error) { %><div class="error-box mt-4"><%= error %></div><% } %>
  <form method="post" action="/password/force" class="mt-6 space-y-4">
    <input type="hidden" name="_csrf" value="<%= csrfToken %>">
    <label><span class="label">رمز فعلی/موقت</span><input class="input" type="password" name="currentPassword" required autocomplete="current-password"></label>
    <label><span class="label">رمز جدید</span><input class="input" type="password" name="password" required minlength="12" autocomplete="new-password"></label>
    <label><span class="label">تکرار رمز جدید</span><input class="input" type="password" name="passwordConfirmation" required minlength="12" autocomplete="new-password"></label>
    <p class="help">حداقل ۱۲ کاراکتر شامل حرف بزرگ، حرف کوچک، عدد و نشانه ویژه.</p>
    <button class="btn-primary w-full" type="submit">ذخیره و ادامه</button>
  </form>
</section>
<%- include('../partials/footer') %>

