{#-
  Rekursive Bausteine fuer Navigationsbaum und Seitengliederung.

  Alles, was die Makros brauchen, wird als Parameter uebergeben - so sind sie
  unabhaengig davon, ob das aufrufende Template "with context" importiert.

  Merkposten aus der MkDocs-Datenstruktur:
  * Section hat KEIN url, nur children.
  * Link.url ist bereits absolut: nicht durch |url, aber wegen des fehlenden
    Autoescapings durch |e.
  * AnchorLink.url ist ein blosses "#fragment" - ebenfalls nicht durch |url.
  * AnchorLink.title enthaelt HTML und darf nicht escaped werden.
-#}

{%- macro nav_tree(items, level, kux) -%}
<ul class="kux-nav__list kux-nav__list--l{{ level }}">
  {%- for item in items %}
    {%- if item.is_section %}
      {#- Tiefenbegrenzung, die nie eine Seite abschneidet: Section.active
          propagiert nach oben, der aktive Ast bleibt immer vollstaendig. -#}
      {%- if level < kux.navigation_depth or item.active %}
      <li class="kux-nav__item kux-nav__item--section{% if item.active %} is-active{% endif %}">
        <details class="kux-nav__group"{% if item.active or not kux.collapse_navigation %} open{% endif %}>
          <summary class="kux-nav__summary">
            <span class="kux-nav__section-title">{{ item.title }}</span>
            <span class="kern-icon kern-icon--arrow-down kern-icon--small kux-nav__chevron" aria-hidden="true"></span>
          </summary>
          {{ nav_tree(item.children, level + 1, kux) }}
        </details>
      </li>
      {%- endif %}
    {%- elif item.is_link %}
      <li class="kux-nav__item">
        <a class="kux-nav__link kux-nav__link--external" href="{{ item.url|e }}" rel="noopener">
          <span class="kux-nav__label">{{ item.title }}</span>
          <span class="kern-icon kern-icon--open-in-new kern-icon--small" aria-hidden="true"></span>
          <span class="kern-sr-only">{{ kux.lang_external }}</span>
        </a>
      </li>
    {%- elif item.is_homepage and not kux.include_homepage_in_sidebar %}
      {#- Startseite auf Wunsch nicht in der Seitenleiste wiederholen. -#}
    {%- else %}
      <li class="kux-nav__item">
        <a class="kux-nav__link{% if item.active %} is-current{% endif %}" href="{{ item.url|url }}"{% if item.active %} aria-current="page"{% endif %}>
          <span class="kux-nav__label">{{ item.title }}</span>
        </a>
        {#- titles_only: false zeigt die Gliederung der aktiven Seite direkt in
            der Seitenleiste, wie im readthedocs-Theme. -#}
        {%- if item.active and not kux.titles_only and item.toc|length %}
        {{ toc_tree(item.toc, 1, kux, 'kux-nav__toc') }}
        {%- endif %}
      </li>
    {%- endif %}
  {%- endfor %}
</ul>
{%- endmacro -%}

{%- macro toc_tree(items, level, kux, root_class) -%}
<ul class="{{ root_class if level == 1 else 'kux-toc__list' }} kux-toc__list--l{{ level }}">
  {%- for item in items %}
    {%- if item.level <= kux.toc_depth %}
    <li class="kux-toc__item">
      <a class="kux-toc__link" href="{{ item.url }}">{{ item.title }}</a>
      {%- if item.children %}
      {{ toc_tree(item.children, level + 1, kux, root_class) }}
      {%- endif %}
    </li>
    {%- endif %}
  {%- endfor %}
</ul>
{%- endmacro -%}