{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> <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">Здравствуйте, {account.name}!</h1>
        <p class="acc-head__sub">Это ваш личный кабинет. Управляйте данными аккаунта и доступными разделами.</p>
      </header>

      <div class="acc-cards">
        [foreach var="account_tabs" as="t"]
          [if {t.slug}="overview"][else]
            <a href="{t.url}" class="acc-card">
              <span class="acc-card__ico">{icon name="{t.icon}" size="22"}</span>
              <span class="acc-card__label">{t.label}</span>
              <span class="acc-card__arrow">{icon name="arrow_right" size="16"}</span>
            </a>
          [/if]
        [/foreach]
      </div>
    </main>
  </div>
</div>

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