{% extends "base.html" %}

{% block site_nav %}
  {% if nav %}
    {% if page.meta and page.meta.hide %}
      {% set hidden = "hidden" if "navigation" in page.meta.hide %}
    {% endif %}
    <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" {{ hidden }}>
      <div class="md-sidebar__scrollwrap">
        <div class="md-sidebar__inner">
          {% include "partials/nav.html" %}
          {# Zensical has no page.is_homepage; page.url is empty on the landing page. #}
          {% if not page.url %}
            {% include "partials/conf-rail.html" %}
          {% endif %}
        </div>
      </div>
    </div>
  {% endif %}
  {% if "toc.integrate" not in features %}
    {% if page.meta and page.meta.hide %}
      {% set hidden = "hidden" if "toc" in page.meta.hide %}
    {% endif %}
    <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" {{ hidden }}>
      <div class="md-sidebar__scrollwrap">
        {% if config.theme.variant != "classic" %}
          {% set toc = page.toc %}
          {% set first = toc | first %}
          {% if first and first.level == 1 %}
            {% set toc = first.children %}
          {% endif %}
          {% if toc %}
            <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
            <div class="md-sidebar-button__wrapper">
              <label class="md-sidebar-button" for="__toc"></label>
            </div>
          {% endif %}
        {% endif %}
        <div class="md-sidebar__inner">
          {% include "partials/toc.html" %}
        </div>
      </div>
    </div>
  {% endif %}
{% endblock %}

{% block content %}
  {% if not page.url %}
    {% set conf_rail_mobile = true %}
    {% include "partials/conf-rail.html" %}
  {% endif %}
  {% include "partials/content.html" %}
{% endblock %}

{% block announce %}
<div class="announce-wrapper">
  <div id="announce-left">
    <div class="item">
      <a class="announce-link" href="https://fastapicloud.com" target="_blank">
        <span class="twemoji">
          {% include ".icons/material/cloud-arrow-up.svg" %}
        </span> Deploy on <strong>FastAPI Cloud</strong> 🚀
      </a>
    </div>
    <div class="item">
      <a class="announce-link" href="https://fastapiconf.com" target="_blank">
        <span class="twemoji">
          {% include ".icons/material/calendar-star.svg" %}
        </span> <strong>FastAPI Conf '26</strong> — Oct 28, 2026, Amsterdam 🎤
      </a>
    </div>
    <div class="item">
      <a class="announce-link" href="https://x.com/fastapi" target="_blank">
        <span class="twemoji">
          {% include ".icons/fontawesome/brands/x-twitter.svg" %}
        </span> Follow <strong>@fastapi</strong> on <strong>X (Twitter)</strong> to stay updated
      </a>
    </div>
    <div class="item">
      <a class="announce-link" href="https://www.linkedin.com/company/fastapi" target="_blank">
        <span class="twemoji linkedin">
          {% include ".icons/fontawesome/brands/linkedin.svg" %}
        </span> Follow <strong>FastAPI</strong> on <strong>LinkedIn</strong> to stay updated
      </a>
    </div>
    <div class="item">
      <a class="announce-link" href="https://fastapi.tiangolo.com/newsletter/">
        <span class="twemoji">
          {% include ".icons/material/email.svg" %}
        </span> Subscribe to the <strong>FastAPI and friends</strong> newsletter 🎉
      </a>
    </div>
  </div>
  <div id="announce-right" style="position: relative;">
    {% include "partials/banner-sponsors.html" %}
  </div>
</div>
{% endblock %}