<aside class="hb-side" id="hbSide">
  <div class="hb-side__head">
    <span class="hb-side__title">{lang key="handbook.nav_title"}</span>
    <div class="hb-langs">
      [foreach var="lang_links" as="l"]<a href="{l.href}" hreflang="{l.code}" class="[if {l.is_active}="1"]is-active[/if]">{l.code}</a>[/foreach]
    </div>
  </div>
  <nav class="hb-nav">
    [foreach var="sidebar" as="g"]
    <div class="hb-nav__group">
      <div class="hb-nav__gtitle"><svg class="cz-ic"><use href="#{g.icon}"/></svg> {g.title}</div>
      <ul>
        [foreach var="g.items" as="it"]<li><a href="{it.url}" class="hb-nav__link [if {it.is_active}="1"]is-active[/if]">{it.title}</a></li>[/foreach]
      </ul>
    </div>
    [/foreach]
  </nav>
</aside>
