{% extends "layout.html" %}

{% block title %}{{ page.title }}{% endblock title %}

{% block side %}
<nav>
{% set doc_section = get_section(path="docs/_index.md") %}
{% for sec_path in doc_section.subsections %}
{% set sec = get_section(path=sec_path) %}
<h3>{{ sec.title }}</h3>
<ul>
{% for sec_page in sec.pages %}
  <li class="{% if current_path == sec_page.path %}active{% endif %}">
      <a href="{{sec_page.permalink}}">{{sec_page.title}}</a>
{% if current_path != sec_page.path and current_path is starting_with(sec_page.path) %}
      <ul>
        <li>
          <a href="{{current_path}}" class="active">{{page.title}}</a>
        </li>
      </ul>
{% endif %}
  </li>
{% endfor %}
</ul>
{% endfor %}
</nav>
{% endblock side %}

{% block content %}
<h1>{{ page.title }}</h1>
{{ page.content | safe }}
{% if page.extra.show_next %}
<div class="nav-link next">
<a href="{{ page.higher.permalink }}" rel="next">Next ›</a>
</div>
{% endif %}
{% endblock content %}