{% extends "base.html" %}

{% block title %}{{ section.title }} - {{ config.title }}{% endblock %}

{% block content %}
<article class="doc-page">
    <div class="container">
        {% if section.path is containing("docs") %}
        <div class="doc-layout">
            <aside class="doc-sidebar">
                <nav class="doc-nav">
                    <h3>Documentation</h3>
                    <ul>
                        {% for page in section.pages %}
                        <li>
                            <a href="{{ page.permalink }}">
                                {{ page.title }}
                            </a>
                        </li>
                        {% endfor %}
                    </ul>
                </nav>
            </aside>

            <div class="doc-main">
                <h1>{{ section.title }}</h1>
                {% if section.description %}
                <p class="lead">{{ section.description }}</p>
                {% endif %}

                {% if section.content %}
                <div class="doc-content">
                    {{ section.content | safe }}
                </div>
                {% endif %}
            </div>
        </div>
        {% else %}
        <h1>{{ section.title }}</h1>

        {% if section.pages %}
        <div class="docs-list">
            {% for page in section.pages %}
            <a href="{{ page.permalink }}" class="doc-item">
                <h3>{{ page.title }}</h3>
                {% if page.description %}
                <p>{{ page.description }}</p>
                {% endif %}
            </a>
            {% endfor %}
        </div>
        {% endif %}

        {% if section.content %}
        <div class="doc-content">
            {{ section.content | safe }}
        </div>
        {% endif %}
        {% endif %}
    </div>
</article>
{% endblock %}