{layout layout}
<section class="auth-page">
  <div class="container auth-card">
    <h1 class="auth-title">Change password</h1>
    <p class="auth-desc">{$policy_hint}。Other devices will be signed out after changing。</p>
    {if !empty($flash.message)}
    <div class="form-alert form-alert-{$flash.type}">{$flash.message}</div>
    {/if}
    <form class="auth-form" action="{$entry_prefix}/account/password" method="post" autocomplete="off">
      <input type="hidden" name="_token" value="{$csrf}">
      <div class="form-group">
        <label class="form-label" for="old_password">Current password</label>
        <input class="form-input" id="old_password" name="old_password" type="password" required autocomplete="current-password" placeholder="Enter your current password">
      </div>
      <div class="form-group">
        <label class="form-label" for="password">New password</label>
        <input class="form-input" id="password" name="password" type="password" required autocomplete="new-password" placeholder="{$policy_hint}">
      </div>
      <div class="form-group">
        <label class="form-label" for="password_confirm">Confirm new password</label>
        <input class="form-input" id="password_confirm" name="password_confirm" type="password" required autocomplete="new-password" placeholder="Repeat new password">
      </div>
      <button class="btn btn-primary btn-block btn-lg" type="submit">Save</button>
    </form>
    <p class="auth-alt"><a href="{$entry_prefix}/account/email">Change email</a> · <a href="/">Back to home</a></p>
  </div>
</section>