{# 섹션 트리. site.sections는 현재 언어의 것만 담겨 있으므로 미번역 페이지는
   애초에 여기 없다 — 죽은 링크가 생길 수 없다.

   접기는 <details>가 한다. JS가 필요 없고, 키보드와 스크린리더가 그냥 동작하며,
   무엇보다 **현재 페이지가 든 갈래만 서버가 열어 두므로** 첫 페인트부터 상태가
   맞다. JS로 열면 펼쳐지는 순간이 눈에 보인다. #}
{% macro nav(sections, current, open_url) %}
<ul class="nav-tree">
  {%- for s in sections %}
  <li>
    {%- if s.pages or s.subsections %}
    {#- 갈래에 속하지 않은 페이지(홈, 404)에서는 첫 갈래를 열어 둔다. 다섯 개가
        전부 닫혀 있으면 처음 온 사람은 안에 뭐가 있는지 알 수가 없다. #}
    <details class="nav-group"{% if s.url == open_url or s.url == current or (not open_url and loop.first) %} open{% endif %}>
      <summary>{{ s.title }}</summary>
      <ul>
        {#- summary는 링크가 될 수 없다(누르면 접힌다). 섹션 인덱스로 가는 길을
            첫 항목으로 따로 낸다. #}
        <li><a href="{{ s.url }}"{% if s.url == current %} aria-current="page"{% endif %}>{{ t("overview") }}</a></li>
        {%- for p in s.pages %}
        <li><a href="{{ p.url }}"{% if p.url == current %} aria-current="page"{% endif %}>{{ p.title }}</a></li>
        {%- endfor %}
        {%- if s.subsections %}{{ nav(s.subsections, current, open_url) }}{% endif %}
      </ul>
    </details>
    {%- else %}
    <a class="nav-leaf" href="{{ s.url }}"{% if s.url == current %} aria-current="page"{% endif %}>{{ s.title }}</a>
    {%- endif %}
  </li>
  {%- endfor %}
</ul>
{% endmacro %}