{# 
<div>
  {% for part in config.content %}
   
    {% if part.chapters %}
    
      {% for chapter in part.chapters %}
      <p class="title is-5">
        {% if current_chapter == chapter.id %}
          <a href="{{project.url_prefix}}/{{part.id}}/{{ chapter.id }}/index.html">{{ chapter.index.content.metadata.title }}</a>
        {% endif %}
      </p>
      {% endfor %}

    {% endif %}

  {% endfor %}

  <aside class="menu">
    {% for part in config.content %}
   
    {% if part.chapters %}
    
      {% for chapter in part.chapters %}

        {% if chapter.id == current_chapter  %}
        <ol class="menu-list">
          
          {% if chapter.documents %}
          {% for doc in chapter.documents %}
          <li>
            <a
              href="{{project.url_prefix}}/{{part.id}}/{{ chapter.id }}/{{ doc.id }}.html"
              class="{% if doc.id == current_doc %}is-active{% endif %}"
              >{{doc.content.title | safe}}</a
            >
          </li>
          {% endfor %}
          {% endif %}
        </ol>
        {% endif %}
      
      {% endfor %}
    
    {% endif %} {% endfor %}
  </aside>
</div> #}



<div class="sidebar p-2" x-show="sidebar_open" x-transition>

  <aside class="menu">
    {% for part in config.content %}
   
    {% if part.chapters and current_part == part.id %}
    <ul class="menu-list">
      {% for chapter in part.chapters %}

        <li>
          <a href="{{project.url_prefix}}/{{part.id}}/{{ chapter.id }}/index.html">{{loop.index}}. {{ chapter.index.content.metadata.title }}</a>
        <ul class="menu-list">
          
          {% if chapter.documents %}
          {% for doc in chapter.documents %}
          <li>
            <a
              href="{{project.url_prefix}}/{{part.id}}/{{ chapter.id }}/{{ doc.id }}.html"
              class="{% if doc.id == current_doc %}is-active{% endif %}"
              >{{loop.index}}. {{doc.content.metadata.title | safe}}</a
            >
          </li>
          {% endfor %}
          {% endif %}
        </ul>
      </li>
      
      {% endfor %}
    </ul>
    {% endif %} {% endfor %}
  </aside>
</div>