{%- extends "basic/layout.html" -%}

{# Add metadata to the page head. #}
{%- block extrahead %}
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
  <link rel="preload" href="{{ pathto('_static/fonts/source-code-pro-normal.woff2', 1) }}" as="font" type="font/woff2" crossorigin>
  <link rel="preload" href="{{ pathto('_static/fonts/source-code-pro-italic.woff2', 1) }}" as="font" type="font/woff2" crossorigin>
  {{ super() }}
{%- endblock %}

{# Site header #}
{%- block header %}
<header>
  <h1 class="title">{{ project }}</h1>
  {%- if theme_site_description %}
  <p class="description">{{ theme_site_description }}</p>
  {%- endif %}
  <div class="components">
    {%- if theme_github_url or theme_linkedin_url or theme_youtube_url or theme_rss_url or theme_sponsor_url %}
    <p class="social">
      <!-- Icons adapted from Font Awesome Free by Fonticons, Inc.
           License: CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/).
           Source: https://fontawesome.com/. See _static/licenses/font-awesome-LICENSE.txt. -->
      {%- if theme_github_url %}
      <a href="{{ theme_github_url }}" target="_blank" aria-label="GitHub">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 390.1 8 244.8 8z"/></svg>
      </a>
      {%- endif %}
      {%- if theme_linkedin_url %}
      <a href="{{ theme_linkedin_url }}" target="_blank" aria-label="LinkedIn">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>
      </a>
      {%- endif %}
      {%- if theme_youtube_url %}
      <a href="{{ theme_youtube_url }}" target="_blank" aria-label="YouTube">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>
      </a>
      {%- endif %}
      {%- if theme_rss_url %}
      <a href="{{ theme_rss_url }}" target="_blank" aria-label="RSS Feed">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM112 416c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm157.9 0h-56.7c0-98 79.5-177.6 177.6-177.6v56.7c-66.3 0-120.9 54.5-120.9 120.9zm128-3.1h-56.7c0-130.5-106-236.5-236.5-236.5v-56.7c162.7 0 293.2 130.6 293.2 293.2z"/></svg>
      </a>
      {%- endif %}
      {%- if theme_sponsor_url %}
      <a href="{{ theme_sponsor_url }}" target="_blank" aria-label="Sponsor">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M256 0c4.6 0 9.2 1 13.4 2.9L457.7 82.8c22 9.3 38.4 31 38.3 57.2c-.5 99.2-41.3 280.7-213.6 363.2c-16.7 8-36.1 8-52.8 0C57.3 420.7 16.5 239.2 16 140c-.1-26.2 16.3-47.9 38.3-57.2L242.7 2.9C246.8 1 251.4 0 256 0zm0 66.8V444.8C381 372 419.4 231.8 419.8 140.3L256 66.8zm-23.3 109.1c3 3.3 7.3 5.1 11.8 5.1h23l0 0h23c4.5 0 8.7-1.8 11.8-5.1l17-18.4c9.2-9.9 9.2-25.4 0-35.4c-9.2-9.9-23.8-9.9-32.9 0l-18.8 20.4-18.8-20.4c-9.2-9.9-23.8-9.9-32.9 0c-9.2 9.9-9.2 25.4 0 35.4l17 18.4z"/></svg>
      </a>
      {%- endif %}
    </p>
    {%- endif %}
    <form class="header-search" action="{{ pathto('search') }}" method="get" role="search">
      <label for="header-search-input">Search:</label>
      <input id="header-search-input" type="search" name="q"
             placeholder="Search the docs..." autocomplete="off">
    </form>
    {%- if theme_versions_url %}
    <div class="version-switcher">
      <span class="version-label">Version</span>
      <select id="version-switcher" aria-label="Switch documentation version"
              data-versions-url="{{ theme_versions_url|e }}">
        <option disabled selected>version</option>
      </select>
    </div>
    {%- endif %}
  </div>
</header>
{%- endblock %}

{# Navigation links from the top-level toctree #}
{%- block relbar1 %}
<nav>
  {%- for label, url, is_active in nav_links %}
  <a href="{{ url }}"><button{% if is_active %} class="active"{% endif %}>{{ label }}</button></a>
  {%- endfor %}
</nav>
{%- endblock %}
{%- block relbar2 %}
{%- if pagename != master_doc %}
{%- set parent = parents[-1] if parents else none %}
<nav class="page-navigation" aria-label="{{ _('Page navigation') }}">
  <a class="back-button" href="{{ parent.link if parent else pathto(master_doc) }}">
    <svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
      <path d="M19 12H5M12 19l-7-7 7-7" />
    </svg>
    <span>{{ (_('Back to %(title)s') % {'title': parent.title|striptags if parent else _('Home')})|e }}</span>
  </a>
</nav>
{%- endif %}
{%- endblock %}

{# Leave the sidebar blocks empty. #}
{%- block sidebar1 %}{% endblock %}
{%- block sidebar2 %}{% endblock %}

{# Page content #}
{%- block document %}
<main>
  {#
    Render the top-level section's title and child links before the page body.
    On user-guide/configuration, User Guide and its child links appear
    above the Configuration heading.
  #}
  {%- for level in breadcrumb_levels %}
  <p class="nav-breadcrumb-title"><a href="{{ level.url }}">{{ level.title }}</a></p>
  <nav class="subnav">
    {%- for label, url, is_active in level.subnav %}
    <a href="{{ url }}"><button{% if is_active %} class="active"{% endif %}>{{ label }}</button></a>
    {%- endfor %}
  </nav>
  {%- endfor %}

  {#
    Render the current page's child links here. JavaScript moves them after
    the first h1, so a section page shows its child links below its title.
  #}
  {%- if subnav_links %}
  <nav class="subnav subnav-current">
    {%- for label, url, is_active in subnav_links %}
    <a href="{{ url }}"><button{% if is_active %} class="active"{% endif %}>{{ label }}</button></a>
    {%- endfor %}
  </nav>
  {%- endif %}

  {%- block body %}{% endblock %}
</main>
{%- if subnav_links %}
<script>
  document.addEventListener('DOMContentLoaded', function () {
    var subnav = document.querySelector('main nav.subnav-current');
    var h1    = document.querySelector('main h1');
    if (subnav && h1) h1.insertAdjacentElement('afterend', subnav);
  });
</script>
{%- endif %}
{%- endblock %}

{# Site footer #}
{%- block footer %}
<footer>
  {%- if theme_footer_text %}
    {{ theme_footer_text }}
  {%- else %}
    {%- if copyright %}
      &copy; {{ copyright }}.
    {%- endif %}
    Built with <a href="https://www.sphinx-doc.org/">Sphinx</a>.
  {%- endif %}
</footer>
{%- endblock %}