{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/profile" class="acc-form acc-card-box">
        {csrf}
        <div class="acc-field">
          <label for="acc-name">Имя</label>
          <input id="acc-name" type="text" name="name" value="{profile.name}" required maxlength="191">
        </div>
        <div class="acc-field">
          <label for="acc-email">Email</label>
          <input id="acc-email" type="email" name="email" value="{profile.email}" required autocomplete="email">
          <small class="acc-help">Используется для входа.</small>
        </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"}
