{% extends "pydata_sphinx_theme/layout.html" %}
{# ref: https://github.com/pydata/pydata-sphinx-theme/blob/master/src/pydata_sphinx_theme/theme/pydata_sphinx_theme/layout.html #}

{% set is_single_page = (theme_single_page == True) or (theme_single_page == "True") %}


{% block content %}
<!-- Checkboxes to toggle the left sidebar -->
<input type="checkbox" class="sidebar-toggle" name="__navigation" id="__navigation" aria-label="Toggle navigation sidebar">
<label class="overlay overlay-navbar" for="__navigation">
    <div class="visually-hidden">Toggle navigation sidebar</div>
</label>
<!-- Checkboxes to toggle the in-page toc -->
<input type="checkbox" class="sidebar-toggle" name="__page-toc" id="__page-toc" aria-label="Toggle in-page Table of Contents">
<label class="overlay overlay-pagetoc" for="__page-toc">
    <div class="visually-hidden">Toggle in-page Table of Contents</div>
</label>
<!-- Headers at the top -->
<div class="announcement header-item noprint">
    {%- include "sections/announcement.html" -%}
</div>
<div class="header header-item noprint">
    {%- include "sections/header.html" -%}
</div>
{{ super() }}
{% endblock %}

<!-- Docs TOC is "d-none d-xl-block col-xl-2" -->
{% block docs_sidebar %}
<!-- Sidebar -->
<div class="pl-4 pr-3 bd-sidebar site-navigation noprint {% if is_single_page %} single-page{% endif %}" id="site-navigation">
    {% if not is_single_page %}
        {%- include "sections/sidebar.html" -%}
    {%- endif %}
</div>
{% endblock %}

{% block docs_main %}
<!-- A tiny helper pixel to detect if we've scrolled -->
<div class="sbt-scroll-pixel-helper"></div>
<!-- Main content -->
<div class="col py-0 content-container">
    {% block docs_body %}
    <div class="header-article row sticky-top noprint">
        {% include "sections/header-article.html" %}
    </div>
    <div class="article row">
        <div class="col pl-md-3 pl-lg-5 content-container">
            <!-- Table of contents that is only displayed when printing the page -->
            <div id="jb-print-docs-body" class="onlyprint">
                <h1>{{ pagetitle }}</h1>
                <!-- Table of contents -->
                <div id="print-main-content">
                    <div id="jb-print-toc">
                        {% set page_toc = generate_toc_html() %}
                        {%- if page_toc | length >= 1 %}
                        <div>
                            <h2> {{ translate(theme_toc_title) }} </h2>
                        </div>
                        <nav aria-label="Page">
                            {{ page_toc }}
                        </nav>
                        {%- endif %}
                    </div>
                </div>
            </div>
            <main id="main-content" role="main">
                {{ super() }}
            </main>
            <footer class="footer-article noprint">
                {% include "sections/footer-article.html" %}
            </footer>
        </div>
    </div>
    <div class="footer-content row">
        <footer class="col footer">
            {%- include "sections/footer-content.html" %}
        </footer>
    </div>
    {% endblock %}
</div>
{% endblock %}

{% block docs_toc %}
{% endblock %}

{% block docs_navbar %}
{%- endblock %}

{%- block footer %}
{%- endblock %}