{% extends "base.html" %}

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

{% block head %}{% endblock %}

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

    <div class="docs-index">
        <h1 class="docs-index-title">Documentation</h1>

        <div class="docs-search-container">
            <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>

        {% for section in sections %}
        <div class="docs-section">
            <h2 class="section-header">{{ section.name }}</h2>
            {% if section.subsections.is_empty() %}
            <ul>
                {% for entry in section.entries %}
                <li><a href="/docs/{{ entry.slug }}">{{ entry.title }}</a></li>
                {% endfor %}
            </ul>
            {% else %}
            {% for sub in section.subsections %}
            <details open>
                <summary>{{ sub.label }}</summary>
                <ul>
                    {% for entry in sub.entries %}
                    <li><a href="/docs/{{ entry.slug }}">{{ entry.title }}</a></li>
                    {% endfor %}
                </ul>
            </details>
            {% endfor %}
            {% endif %}
        </div>
        {% endfor %}
    </div>


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