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

{% block extrahead %}
{% include 'css.html' %}
{% endblock %}

{%- macro sidebar1() %}
{%- block sidebartoc %}
{% include 'sidebartoc.html' %}
{%- endblock %}
{%- endmacro %}

{%- macro sidebar2() %}
{% include 'localtoc.html' %}
{%- endmacro %}

{%- macro relbar1() %}
<div class="related" role="navigation" aria-label="related navigation">
  <ul id="breadcrumbs" class="ul-breadcrumbs">
    <li><a href="{{ pathto(master_doc) }}" class="fa-solid fa-house"></a><span
        class="fa-solid fa-chevron-right ms-1 breadcrumb-arrow"></span></li>
    {%- for doc in parents %}
    <li><a href="{{ doc.link|e }}">{{ doc.title }}</a><span
        class="fa-solid fa-chevron-right ms-1 breadcrumb-arrow"></span></li>
    {%- endfor %}
    <li class="breadcrumb-title">{{ title }}</li>
  </ul>
</div>
{%- endmacro %}

{%- block relbar1 %}{% endblock %}
{%- block relbar2 %}{% endblock %}

<div id="mainroot">
  {%- block header %}
  {% include 'header.html' %}
  {% endblock %}

  {%- block content %}
  <div id="main">
    <div class="scl-container">
      <div class="scl-container-width">
        <!-- <div class="container-xxl docs-book-wrapper"> -->
        <div id="flex-content" class="flex-content">

          {%- block sidebar1 %}{{ sidebar1() }} {% endblock %}

            <div id="flex-main" class="flex-main">
            {%- block relbar3 %}{{ relbar1() }}{% endblock %}
            {%- if theme_sidebar_mode == 'toctree' and theme_display_toc %}
            <main id="docs-main" class="docs-main" role="main">
              {% else %}
              <main id="docs-main" class="docs-main" role="main">
                {% endif %}
                <div id="docs-content" class="docs-content">
                  {% block body %}{% endblock %}
                  <div id="bottom-navigation" class="py-5">
                    <nav>
                      {% if doc_type != '' %}
                      <ul class="pagination justify-content-center">
                        {% if prev %}
                        <li class="page-item">
                          <a class="page-link" href="{{ prev.link|e }}">Prev</a>
                        </li>
                        {% else %}
                        <li class="page-item disabled">
                          <a class="page-link">Prev</a>
                        </li>
                        {% endif %}
                        {% if next %}
                        <li class="page-item">
                          <a class="page-link" href="{{ next.link|e }}">Next</a>
                        </li>
                        {% else %}
                        <li class="page-item disabled">
                          <a class="page-link">Next</a>
                        </li>
                        {% endif %}
                      </ul>
                      {% endif %}
                    </nav>
                  </div>
                </div>

                {%- if theme_display_last_updated %}
                <div class="row docs-byline bottom">
                  <div class="docs-updated">last updated: {{ last_updated }}</div>
                </div>
                {%- endif %}
              </main>
              {%- block sidebar2 %}{{ sidebar2() }}{% endblock %}
          </div>
        </div>
      </div>
    </div>
  </div>
  {%- endblock %}

  {%- block footer %}
  {% include 'footer.html' %}
  {% include 'script_footer.html' %}
  {% block script_footer %}{% endblock %}
  {%- endblock %}

</div>