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

{%- block extrahead %}
  {{ super() }}
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap">
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  <link rel="stylesheet" href="{{ pathto('_static/angular.css', 1) }}">
{%- endblock %}

{% block htmltitle %}
  <title>{{ title|striptags|e }}</title>
{% endblock %}

{%- block document %}
  <app-root>
    <header id="static-header">
      <button class="static-hamburger" aria-label="Toggle section navigation">
        <span class="material-icons">menu</span>
      </button>
      <a class="static-site-title" href="{{ pathto(master_doc) }}">Pimadesp Docs</a>
      <nav class="static-nav-links">
        {%- for entry in sitemap_entries %}
          <a class="static-nav-link" href="{{ pathto(entry.path, 1) }}">{{ entry.title }}</a>
        {%- endfor %}
      </nav>
    </header>
    <div class="static-layout static-with-sidenav">
      <aside class="static-left-column">
        <nav class="static-section-nav">
          {%- if secnav['parent'] %}
          <div class="static-nav-parent">
            <a href="{{ pathto(secnav['parent']['path'], 1) }}">&lsaquo; {{ secnav['parent']['title'] }}</a>
          </div>
          {%- endif %}
          <ul class="static-nav-list">
            {%- for item in secnav['items'] %}
              <li>
                {%- if item.get('type') == 'label' %}
                  <span class="static-nav-label">{{ item.title }}</span>
                {%- else %}
                  <a href="{{ pathto(item.path, 1) }}">{{ item.title }}</a>
                {%- endif %}
              </li>
            {%- endfor %}
          </ul>
        </nav>
      </aside>
      <main class="static-main-content">
        <details class="static-mobile-toc">
          <summary>On this page</summary>
          {{ toc }}
        </details>
        <article id="static-body">{{ body }}</article>
      </main>
      <aside class="static-right-column">
        <nav class="static-page-toc">
          <h3 class="static-toc-heading">On this page</h3>
          {{ toc }}
        </nav>
      </aside>
    </div>
    <footer id="static-footer">
      <div class="static-footer-content">
        {%- for section in sitemap_entries %}
          <div class="static-footer-column">
            <h4><a href="{{ pathto(section.path, 1) }}">{{ section.title }}</a></h4>
            {%- if section.children %}
            <ul>
              {%- for child in section.children %}
                <li><a href="{{ pathto(child.path, 1) }}">{{ child.title }}</a></li>
              {%- endfor %}
            </ul>
            {%- endif %}
          </div>
        {%- endfor %}
      </div>
    </footer>
  </app-root>
  <div id="static-toc" hidden>{{ toc }}</div>
  <script id="static-sitemap" type="application/json">{{ sitemap_json }}</script>
  <script id="static-root-page" type="application/json">{{ root_page_json }}</script>
  <script id="static-show-breadcrumbs" type="application/json">{{ show_breadcrumbs|tojson }}</script>
  <script src="{{ pathto('_static/language_data.js', 1) }}"></script>
  <script src="{{ pathto('_static/searchtools.js', 1) }}"></script>
  <script src="{{ pathto('searchindex.js', 1) }}"></script>
  <script type="module" src="{{ pathto('_static/main.js', 1) }}"></script>
{%- endblock %}

{% block relbar1 %}{% endblock %}

{% block relbar2 %}{% endblock %}

{% block footer %}{% endblock %}