{include file="_partials/head.tpl"}
<link rel="stylesheet" href="/public/assets/account/account.css">

<div class="acc-container">
  <nav class="acc-breadcrumbs" aria-label="Навигация"><a href="/">Главная</a> <span>/</span> <a href="/account">Кабинет</a> <span>/</span> <span>Безопасность</span></nav>

  <div class="acc-layout">
    {include file="account/_nav.tpl"}

    <main class="acc-main">
      {include file="account/_flash.tpl"}

      <header class="acc-head">
        <h1 class="acc-head__title">Смена пароля</h1>
        <p class="acc-head__sub">Рекомендуем периодически обновлять пароль.</p>
      </header>

      <form method="post" action="/account/password" class="acc-form acc-card-box">
        {csrf}
        <div class="acc-field">
          <label for="acc-cur">Текущий пароль</label>
          <input id="acc-cur" type="password" name="current_password" required autocomplete="current-password">
        </div>
        <div class="acc-field">
          <label for="acc-new">Новый пароль</label>
          <input id="acc-new" type="password" name="new_password" required minlength="8" autocomplete="new-password">
          <small class="acc-help">Минимум 8 символов.</small>
        </div>
        <div class="acc-field">
          <label for="acc-new2">Повторите новый пароль</label>
          <input id="acc-new2" type="password" name="new_password_confirm" required minlength="8" autocomplete="new-password">
        </div>
        <div class="acc-form__actions">
          <button type="submit" class="acc-btn acc-btn--primary">Изменить пароль</button>
        </div>
      </form>
    </main>
  </div>
</div>

{include file="_partials/foot.tpl"}
