{% extends "base.html" %}

{% block title %}{{ title }} - Makenotwork{% endblock %}

{% block head %}{% endblock %}

{% block content %}
    {% include "partials/site_header.html" %}

    <article class="doc-container">
        <nav class="doc-breadcrumb">
            <a href="/docs">Docs</a> / <span>{{ section }}</span>
            <div class="docs-search-container docs-search-inline">
                <input type="text" id="docs-search" name="docs-search" class="docs-search-input" placeholder="Search docs..." aria-label="Search docs" autocomplete="off" />
                <div class="docs-search-results hidden"></div>
            </div>
        </nav>

        <h1 class="doc-title">{{ title }}</h1>

        <div class="doc-body">
            {{ content|safe }}
        </div>

        {% if !backlinks.is_empty() %}
        <nav class="doc-backlinks" aria-label="Referenced by">
            <h2 class="doc-backlinks-title">Referenced by</h2>
            <ul class="doc-backlinks-list">
                {% for entry in backlinks %}
                <li><a href="/docs/{{ entry.slug }}">{{ entry.title }}</a></li>
                {% endfor %}
            </ul>
        </nav>
        {% endif %}
    </article>


    <script src="/static/docs-search.js"></script>
{% endblock %}