{# 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">{{ toc }}</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>
  <a href="{{ theme_home_url }}" class="logo">
    <img src="{{ theme_logo|e }}" alt="{{ shorttitle|e }}" />
    {%- if theme_logo_text %}
      {{ theme_logo_text }}
    {%- endif %}
  </a>

  <nav aria-label="{{ _('Main Navigation') }}" class="collapsible">
    <div class="collapsing-element content-wrapper">
      <ul>
        <li><a href="{{ theme_home_url }}"><i class="icon icon-home"></i>{{ _('Home') }}</a></li>
        {{ toctree( maxdepth=1, collapse=False, titles_only=True, includehidden=True) }}
      </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 class="content-wrapper">
    <span class="slogan">
      {% if theme_slogan %}
         {{ theme_slogan }}
      {% endif %}
    </span>

    {%- if theme_show_copyright_privacy_block_footer|tobool %}
      <nav aria-labelledby="footer-nav-1-heading">
        <h2 id="footer-nav-1-heading">{{ _('About this website') }}</h2>
        <ul>
          <li><a href="{{ theme_copyright_url }}">{{ _('Copyright') }}</a></li>
          <li><a href="{{ theme_privacy_url }}" target="_blank" rel="noopener noreferrer">{{ _('Privacy') }}</a></li>
        </ul>
      </nav>
    {%- endif %}
  </div>

  {%- if theme_meta_footer %}
    <div class="meta">
      <p>{{ theme_meta_footer }}</p>
    </div>
  {%- endif %}

</footer>
{% endblock %}

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