{% 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>
                    {% set docs_section = get_section(path="docs/_index.md") %}
                    <ul>
                        {% for p in docs_section.pages %}
                        <li>
                            <a href="{{ p.permalink }}" {% if p.permalink == section.permalink %}class="active"{% endif %}>
                                {{ p.title }}
                            </a>
                        </li>
                        {% endfor %}
                        {% for subsection in docs_section.subsections %}
                        {% set sub = get_section(path=subsection) %}
                        <li class="nav-section">
                            <a href="{{ sub.permalink }}" class="nav-section-title{% if sub.permalink == section.permalink %} active{% endif %}">
                                {{ sub.title }}
                            </a>
                            <ul>
                                {% for p in sub.pages %}
                                <li>
                                    <a href="{{ p.permalink }}" {% if p.permalink == section.permalink %}class="active"{% endif %}>
                                        {{ p.title }}
                                    </a>
                                </li>
                                {% endfor %}
                                {% for subsub in sub.subsections %}
                                {% set subsub_s = get_section(path=subsub) %}
                                <li class="nav-subsection">
                                    <a href="{{ subsub_s.permalink }}" class="nav-subsection-title{% if subsub_s.permalink == section.permalink %} active{% endif %}">
                                        {{ subsub_s.title }}
                                    </a>
                                    <ul>
                                        {% for p in subsub_s.pages %}
                                        <li>
                                            <a href="{{ p.permalink }}" {% if p.permalink == section.permalink %}class="active"{% endif %}>
                                                {{ p.title }}
                                            </a>
                                        </li>
                                        {% endfor %}
                                    </ul>
                                </li>
                                {% endfor %}
                            </ul>
                        </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 %}

                {% 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.subsections %}
                <div class="docs-list">
                    {% for subsection in section.subsections %}
                    {% set sub = get_section(path=subsection) %}
                    <a href="{{ sub.permalink }}" class="doc-item">
                        <h3>{{ sub.title }}</h3>
                        {% if sub.description %}
                        <p>{{ sub.description }}</p>
                        {% endif %}
                    </a>
                    {% endfor %}
                </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 %}