{% extends "index.html" %}
{# this has access to the "page" variable but documentation.html does not #}

{% block title %}{{ page.title }} | {{ super() }} {% endblock title %}

{% block next_link %}
{% endblock next_link %}

{% block content %}
{% set section = get_section(path=page.ancestors[1]) %}
{# 
{#<div>{{ section.title }} </div>#}
<div class="documentation">
    <aside class="documentation__sidebar">
        <ul>
        {% for p in section.subsections %}
            {% set subsection = get_section(path=p) %}
            <li>
                <span class="documentation__sidebar__title">{{ subsection.title }}</span>
                <ul>
                    {% for page in subsection.pages %}
                        <li class="{% if current_path == page.path %}active{% endif %}">
                            <a href="{{page.permalink}}">{{page.title}}</a>
                        </li>
                    {% endfor %}
                </ul>
            </li>
        {% endfor %}
        </ul>
    </aside>
    <div class="documentation__content">
        <h1>{{page.title}}</h1>
        {{page.content | safe}}

    {# next/pre links #}
    <p>
    {% if page.lighter %}
        <a href="{{ page.lighter.permalink }}">
            <i class="fa fa-chevron-left fa-fw" aria-hidden="true"></i>
            Previous
        </a>
    {% endif %}
    &nbsp;
    {% if page.heavier %}
        <a href="{{ page.heavier.permalink }}">
            Next
            <i class="fa fa-chevron-right fa-fw" aria-hidden="true"></i>
        </a>
    {% endif %}
    </p>
    </div>
</div>
{% endblock content %}