{{#forEach sidebarItems}}
  {{#if children}}
    <section class="nav-sidebar__section nav-sidebar__section--collapsible">
      <h2 class="nav-sidebar__title">
        <button type="button" class="nav-sidebar__toggle" aria-expanded="true">
          <span class="nav-sidebar__toggle-label">{{name}}</span>
          <svg class="nav-sidebar__chevron" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
        </button>
      </h2>
      <ul class="nav-sidebar__list">
        {{#forEach children}}
        <li>
          <a href="{{path}}" class="nav-sidebar__item">{{name}}</a>
        </li>
        {{/forEach}}
      </ul>
    </section>
  {{else}}
    <section class="nav-sidebar__section">
      <ul class="nav-sidebar__list">
        <li>
          <a href="{{path}}" class="nav-sidebar__item">{{name}}</a>
        </li>
      </ul>
    </section>
  {{/if}}
{{/forEach}}