{% extends "base.html" %}
{% from "macros.html" import toc %}

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

{% block content %}
{{ markdown(content)|safe }}
{% endblock %}

{% block toc %}
<nav class="pl-normal b-bottom bc-white-50">
    <h3 class="">Table of Contents</h3>
    {{- toc(page, levels=(1,2), ul_css_class="mb-small pl-normal") -}}
</nav>
{% if page.extra.next_page -%}
{% with next_page = get_page(page.extra.next_page) %}
<div class="pl-normal pb-normal b-bottom bc-white-50">
    <h3 class="">Next Topic</h3>
    <div class="pl-normal">
        <a href="{{ next_page.uri }}">{{ next_page.title }}</a>
    </div>
</div>
{% endwith %}
{%- endif %}
{% endblock toc %}