{% extends "base.html" %}
{% import "macros/search.html" as search %}
{% block title %}{{ page.title }}: roro9stack{% endblock %}
{% block description %}{{ page.description }}{% endblock %}
{% block head %}<script src="/js/search.js" defer></script>{% endblock %}
{% block main %}
{# The whole index is in this page (issue #60): nothing is fetched, and without JavaScript it is
   still a list of every page and heading of the documentation. js/search.js filters it. #}
<div class="wrap page">
  <header>
    <span class="eyebrow">Documentation</span>
    <h1>{{ page.title }}</h1>
    <p class="lead">{{ page.description }}</p>
  </header>

  <form class="search-form" action="/search/" method="get" role="search">
    <label for="q">Search the guide, the how-tos, the FAQ and the developer docs</label>
    <input id="q" name="q" type="search" autocomplete="off" spellcheck="false" placeholder="Probation, Safe Mode, rm -r, ...">
    <button class="btn btn-primary n-md" type="submit">Search</button>
  </form>
  <p class="s-status muted" id="s-status" role="status" aria-live="polite"></p>
  <ol class="s-results" id="s-results" hidden></ol>

  <div class="s-index" id="s-index">
    <p class="muted s-nojs">Every page of the documentation and its headings. With JavaScript on, the box above searches their text.</p>
    {% set guide = get_section(path="guide/_index.md") %}
    <section><h2>{{ guide.title }}</h2><ul>
    {% for p in guide.pages %}{{ search::entries(page=p, group="Guide") }}{% endfor %}
    </ul></section>
    {% set howto = get_section(path="howto/_index.md") %}
    <section><h2>{{ howto.title }}</h2><ul>
    {% for p in howto.pages %}{{ search::entries(page=p, group="How-to") }}{% endfor %}
    </ul></section>
    <section><h2>Questions and answers</h2><ul>
    {{ search::entries(page=get_page(path="faq.md"), group="FAQ") }}
    </ul></section>
    {% set dev = get_section(path="dev/_index.md") %}
    {% for path in dev.subsections %}
    {% set sub = get_section(path=path) %}
    <section><h2>Developers: {{ sub.title }}</h2><ul>
    {% for p in sub.pages %}{{ search::entries(page=p, group=sub.extra.search | default(value=sub.title)) }}{% endfor %}
    </ul></section>
    {% endfor %}
  </div>
</div>
{% endblock main %}