{% extends "base.html" %}
{% block extra_head %}
<link rel="stylesheet" href="/static/css/sidebar.css">
<link rel="stylesheet" href="/static/css/docs.css">
<link rel="stylesheet" href="/static/css/components-docs.css">
{% endblock %}
{% block content %}
<script>window.DEVPLACE_DOCS = {{ {
    "base": base,
    "loggedIn": user is not none,
    "username": (user.get('username') if user else ''),
    "apiKey": (user.get('api_key') if user else ''),
    "isAdmin": is_admin(user)
} | tojson | safe }};</script>
<div class="docs-layout">
    <aside class="sidebar-card">
        <div class="sidebar-heading">Documentation</div>
        <form class="docs-search-form" method="get" action="/docs/search.html" role="search">
            <input type="search" name="q" value="{{ search_query|default('', true) }}" placeholder="Search docs…" aria-label="Search documentation" class="docs-search-input">
        </form>
        <div class="sidebar-nav">
            <a href="/docs/search.html" class="sidebar-link {% if current == 'search' %}active{% endif %}">
                <span class="icon">&#x1F50D;</span>
                Search
            </a>
            {% set ns = namespace(section=None) %}
            {% for p in pages %}
            {% if p.get('section') and p.section != ns.section %}
            <div class="sidebar-heading sidebar-subheading">{{ p.section }}</div>
            {% set ns.section = p.section %}
            {% elif not p.get('section') %}{% set ns.section = None %}{% endif %}
            <a href="/docs/{{ p.slug }}.html" class="sidebar-link {% if p.get('section') %}sidebar-link-nested{% endif %} {% if p.slug == current %}active{% endif %}">
                <span class="icon">&#x1F4D8;</span>
                {{ p.title }}
            </a>
            {% endfor %}
        </div>
        <div class="sidebar-heading docs-download-heading">Download</div>
        <div class="sidebar-nav">
            <a href="/docs/download.html" class="sidebar-link"><span class="icon">&#x1F4E5;</span> Single HTML</a>
            <a href="/docs/download.md" class="sidebar-link"><span class="icon">&#x1F4DD;</span> Markdown</a>
        </div>
    </aside>
    <article class="docs-main">
        {% if kind == 'search' %}
            {% include "docs/_search.html" %}
        {% elif kind == 'api' %}
            {% include "docs/_api_page.html" %}
        {% elif prose_html %}
            {{ prose_html | safe }}
        {% else %}
            {% include "docs/" ~ current ~ ".html" %}
        {% endif %}
    </article>
</div>
<span data-devii-autoopen hidden></span>
{% endblock %}
{% block extra_js %}
<script type="module" src="/static/js/ApiDocs.js"></script>
{% endblock %}