{% extends "default.html" %}

{% macro pagelink(title, url) -%}
    <a href="{{url}}"{% if url == page.url %} class="active"{% endif %}>{{title}}</a>
{%- endmacro %}

{% block head %}
{% if page.needs_pygments %}
    <style type="text/css">
    {{highlight_css()}}
    </style>
{% endif %}
{% endblock %}

{% block header %}
<header class="documentation">
    <h1>{{ page.title }}</h1>
</header>
{% endblock %}

{% block content %}
<div class="container">
    <section class="col-md-8">
    {{ content|safe }}
    </section>
    <aside class="col-md-4">
        <ul class="doc-level1">
        {% for p in family.root %}
        {% if p.is_dir and p.is_page %}
            <li>{{ pagelink(p.title, p.url) }}
                <ul class="doc-level2">
                {% for p2 in p.children %}
                    <li>{{ pagelink(p2.title, p2.url) }}</li>
                {% endfor %}
                </ul>
            </li>
        {% elif not p.is_dir and p.order %}
            <li>{{ pagelink(p.title, p.url) }}</li>
        {% endif %}
        {% endfor %}
        </ul>
    </aside>
</div>
{% endblock %}