{{define "account.html"}}
{{template "layout" .}}
{{end}}

{{define "content"}}
<section class="section account-section">
  <div class="container">
    <h1 class="section-title">Личный кабинет</h1>
    <div class="account-grid">
      <aside class="account-sidebar">
        <div class="account-user-card">
          <p class="account-label">Аккаунт</p>
          <p class="account-name">{{.User.Name}}</p>
          <p class="account-email">{{.User.Email}}</p>
          <p class="account-meta">С нами с {{.User.CreatedAt.Format "02.01.2006"}}</p>
        </div>
        <nav class="account-nav">
          <span class="account-nav-item active">Профиль</span>
          <a href="/#catalog" class="account-nav-item">Каталог</a>
        </nav>
      </aside>
      <div class="account-main">
        <div class="auth-card account-card">
          <h2>Настройки профиля</h2>
          <form method="POST" action="/account" class="auth-form">
            <label class="form-field">
              <span>Имя</span>
              <input type="text" name="name" value="{{.Name}}" required minlength="2">
            </label>
            <label class="form-field">
              <span>Email</span>
              <input type="email" value="{{.User.Email}}" disabled>
            </label>
            <button type="submit" class="btn btn-primary">Сохранить</button>
          </form>
        </div>
        <div class="account-hint auth-card">
          <h3>Заказы</h3>
          <p class="text-muted">История заказов появится в следующих версиях. Пока вы можете просматривать каталог и добавлять товары в корзину.</p>
          <a href="/#catalog" class="btn btn-ghost">Перейти в каталог</a>
        </div>
      </div>
    </div>
  </div>
</section>
{{end}}