{% extends '!page.html' %}

{% block footer %}

  <div class="related-pages">
    {% if next -%}
      <a class="next-page" href="{{ next.link }}">
        <div class="page-info">
          <div class="context">
            <span>{{ _("Next") }}</span>
          </div>
          <div class="title">{{ next.title }}</div>
        </div>
        <svg><use href="#svg-arrow-right"></use></svg>
      </a>
    {%- endif %}
    {% if prev -%}
      <a class="prev-page" href="{{ prev.link }}">
        <svg><use href="#svg-arrow-right"></use></svg>
        <div class="page-info">
          <div class="context">
            <span>{{ _("Previous") }}</span>
          </div>
          {% if prev.link == pathto(master_doc) %}
          <div class="title">{{ _("Home") }}</div>
          {% else %}
          <div class="title">{{ prev.title }}</div>
          {% endif %}
        </div>
      </a>
    {%- endif %}
  </div>

  <div class="related-information">
    {%- if show_copyright %}
      {%- if hasdoc('copyright') %}
        {% trans path=pathto('copyright'), copyright=copyright|e -%}
          <a href="{{ path }}">Copyright</a> &#169; {{ copyright }}.
        {%- endtrans %}
      {%- else %}
        {% trans copyright=copyright|e -%}
          Copyright &#169; {{ copyright }}
        {%- endtrans %}
      {%- endif %}
    {%- endif %}
    {%- if show_license %}
      {% trans license_display=license_display|e -%}
        {{ license_display }}
      {%- endtrans %}
    {%- endif %}
    {%- if last_updated %}
      |
      {% trans last_updated=last_updated|e -%}
        Last updated on {{ last_updated }}.
      {%- endtrans %}
    {%- endif %}
    {%- if show_sphinx %}
      |
      {% trans -%}
        Built with <a href="https://www.sphinx-doc.org/">Sphinx</a>
        and the
        <a href="https://github.com/pradyunsg/furo">Furo theme</a>.
      {%- endtrans %}
    {%- endif %}
    {%- if show_source and has_source and sourcename %}
      |
      <a class="muted-link" href="{{ pathto('_sources/' + sourcename, true)|e }}"
          rel="nofollow">
        {{ _('Page Source') }}
      </a>
    {%- endif %}
  </div>
{% endblock %}


{% block right_sidebar %}
    <div class="toc-sticky {% if not furo_hide_toc %} toc-scroll {% endif %}">
      <div class="github-button-wrap">
        {% if display_github %}
          <a href="https://github.com/{{ github_user }}/{{ github_repo }}/blob/develop/{{ conf_py_path }}/{{ sourcename | replace(".txt", "") }}" class="github-button">
            <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="github-alt" class="svg-inline--fa fa-github-alt fa-w-15" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 512"><path fill="currentColor" d="M186.1 328.7c0 20.9-10.9 55.1-36.7 55.1s-36.7-34.2-36.7-55.1 10.9-55.1 36.7-55.1 36.7 34.2 36.7 55.1zM480 278.2c0 31.9-3.2 65.7-17.5 95-37.9 76.6-142.1 74.8-216.7 74.8-75.8 0-186.2 2.7-225.6-74.8-14.6-29-20.2-63.1-20.2-95 0-41.9 13.9-81.5 41.5-113.6-5.2-15.8-7.7-32.4-7.7-48.8 0-21.5 4.9-32.3 14.6-51.8 45.3 0 74.3 9 108.8 36 29-6.9 58.8-10 88.7-10 27 0 54.2 2.9 80.4 9.2 34-26.7 63-35.2 107.8-35.2 9.8 19.5 14.6 30.3 14.6 51.8 0 16.4-2.6 32.7-7.7 48.2 27.5 32.4 39 72.3 39 114.2zm-64.3 50.5c0-43.9-26.7-82.6-73.5-82.6-18.9 0-37 3.4-56 6-14.9 2.3-29.8 3.2-45.1 3.2-15.2 0-30.1-.9-45.1-3.2-18.7-2.6-37-6-56-6-46.8 0-73.5 38.7-73.5 82.6 0 87.8 80.4 101.3 150.4 101.3h48.2c70.3 0 150.6-13.4 150.6-101.3zm-82.6-55.1c-25.8 0-36.7 34.2-36.7 55.1s10.9 55.1 36.7 55.1 36.7-34.2 36.7-55.1-10.9-55.1-36.7-55.1z"></path></svg>
            Edit on GitHub
          </a>
        {% endif %}
      </div>
      <div class="version-select-wrap">
        {% if display_versions %}
          <select class="version-select">
            {% for _version in versions %}
              <option value="{{ _version }}" {% if version == _version %} selected {% endif %}>
                {% if _version == "develop" %}
                  {{ version }} (develop)
                {% else %}
                  {{ _version }}
                {% endif %}
              </option>
            {% endfor %}
          </select>
          <script>
            document.querySelector(".version-select").addEventListener("change", (event) => {
              const { value } = event.target.closest("select");
              if (value !== "{{ version }}") {
                const path = window.location.pathname.split("/").slice(3).join("/");
                window.location.href = `{{ root_url }}/versions/${value}/${path}`;
              }
            })
          </script>
        {% endif %}
      </div>
      {% if not furo_hide_toc %}
        <div class="toc-title-container">
          <span class="toc-title">
            {{ _("Contents") }}
          </span>
        </div>
        <div class="toc-tree-container">
          <div class="toc-tree">
            {{ toc }}
          </div>
        </div>
      {% endif %}
    </div>
{% endblock right_sidebar %}