{% extends "base.html" %}

{% block title %}Documentation - Makenot.work{% 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" class="docs-search-input" placeholder="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>
            {% if section.name == "Developer" %}
            <p class="section-mono-hint">
                <a href="/rustdoc/synckit_client/">API Reference (rustdoc)</a>
            </p>
            {% endif %}
            {% 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>

    <footer class="text-reader-footer">
        <a href="/">Makenot<span class="dot">.</span>work</a>
    </footer>

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