{# Layout: This is used by _every_ Sphinx content page #}
{% extends "layout.html" %}

{% block body %}
<div class="nav-block">
  {% if add_product_menu %}
    {% block product %}
      {% include "components/product_menu_copy.html" %}
    {% endblock product %}
  {% endif %}
  {% block header %}
    {% include "sections/header.html" %}
  {% endblock header %}
  {% block announcement %}
    {% include "sections/announcement.html" %}
  {% endblock announcement %}
  {% block header_secondary %}
    {% include "sections/header-secondary.html" %}
  {% endblock header_secondary %}

  {% include "components/icons.html" %}

  <input type="checkbox" class="sb-sidebar-toggle" name="sb-sidebar-toggle--primary" id="sb-sidebar-toggle--primary">
  <input type="checkbox" class="sb-sidebar-toggle" name="sb-sidebar-toggle--secondary" id="sb-sidebar-toggle--secondary">
  <label class="sb-sidebar-overlay" for="sb-sidebar-toggle--primary"></label>
  <label class="sb-sidebar-overlay" for="sb-sidebar-toggle--secondary"></label>
</div>

{% block container %}
<div class="l-docs content-block">
  {% block sidebar_primary %}
    {% include "sections/sidebar-primary.html" %}
  {% endblock sidebar_primary %}
  {% block header_content %}
    {# include "sections/header-content.html" #}
  {% endblock header_content %}
  {% block sidebar_secondary %}
    {% include "sections/sidebar-secondary.html" %}
  {% endblock sidebar_secondary %}
  {% block content %}
  <main class="l-docs__main" id="content">
    <article role="main">
      {# include "sections/header-article.html" #}
      {% include "sections/article.html" %}
      {# include "sections/footer-article.html" #}
    </article>
  </main>
  {% endblock content %}
  {% block footer_content %}
    {# include "sections/footer-content.html" #}
  {% endblock footer_content %}
</div>
<div class="footer-block">
  {% block footer %}
    {% include "sections/footer.html" %}
  {% endblock footer %}
</div>
{% endblock container %}
{% endblock body %}