{# Sphinx layout template for the manon theme. #}
{%- extends "basic/layout.html" %}

<!-- extra head -->
{%- block extrahead %}
{{ super() }}
<link rel="stylesheet" href="{{ pathto('_static/custom.css', resource=True) }}" type="text/css" />
{% endblock %}

<!-- sidebar -->
{%- macro manon_sidebar() %}
{%- block sidebartoc %}
<nav aria-label="{{ _('Sidebar') }}">
  <div class="sticky-container">{{ toctree(includehidden=True) }}</div>
</nav>
{%- endblock %}
{% endmacro %}

<!-- relbar -->
{%- macro rellink_markup() %}

{%- if prev and next %}
  {%- set divlayout = "column-2" %}
{%- elif next %}
  {%- set divlayout = "next" %}
{%- else %}
  {%- set divlayout = "" %}
{%- endif %}

<section id="relbar" class="related {{ divlayout }}">
  <nav id="rellinks" class="pagination" aria-label="{{ _('Pagination') }}">
    {%- if prev %}
    <div class="previous">
      <a href="{{ prev.link|e }}">
        <span class="visually-hidden">{{ _('Previous') }}</span>
        <span class="icon icon-chevron-left" aria-hidden="true"></span>
        {{ prev.title }}
      </a>
    </div>
    {%- endif %} {%- if next %}
    <div class="next">
      <a href="{{ next.link|e }}">
        <span class="visually-hidden">{{ _('Next') }}</span>
        {{ next.title }}
        <span class="icon icon-chevron-right" aria-hidden="true"></span>
      </a>
    </div>
    {%- endif %}
  </nav>
</section>
{%- endmacro %}

<!-- header -->
{% block header %}
{%- if pagename != "search" and builder != "singlehtml" %}
  {%- set searchformaction = pathto('search') %}
{%- else %}
  {%- set searchformaction = "" %}
{%- endif %}

<header class="page-header">
  <a href="/" class="logo Rijksoverheid">
    <img src="{{ theme_logo|e }}" alt="{{ shorttitle|e }}" />
    Rijksoverheid
  </a>
  <nav aria-label="{{ _('Main Navigation') }}" class="collapsible">
    <div class="collapsing-element">
      <ul>
        <li><a href="/">{{ _('Home') }}</a></li>
      </ul>
      <form
        name="header_search"
        class="inline"
        action="{{ searchformaction }}"
        method="get"
      >
        <div class="combined-field">
          <input
            type="text"
            name="q"
            placeholder="{{ _('Search') }}"
            aria-labelledby="searchlabel"
            autocomplete="off"
            autocapitalize="off"
            spellcheck="false"
          />
          <button type="submit">
            <span class="icon icon-search" aria-hidden="true"></span>
            <span class="visually-hidden">{{ _('Search') }}</span>
          </button>
        </div>
      </form>
    </div>
  </nav>
</header>
{% endblock %}

<!-- content -->
{% block content %}
<main class="sidemenu">
  {{ manon_sidebar() }}
  <article>
    {% block document %}
      <div class="content-wrapper">
        {{ body }}
      </div>
    {% endblock %}

    {%- block relbar_bottom %}
      {%- if theme_show_relbar_bottom|tobool %}
          {{- rellink_markup () }}
      {%- endif %}
    {% endblock %}
  </article>
</main>
{% endblock %}

<!-- footer -->
{% block footer %}
<footer>
  <div>
    {% if show_copyright %}
    <span class="slogan"> {{ copyright }} </span>
    {% endif %}
  </div>
</footer>
{% endblock %}

<!-- relbar blocks for extensions -->
{% block relbar1 %}{% endblock %}
{% block relbar2 %}{% endblock %}