{% extends "base.html" %}
{% load static %}
{% block title %}
  {{ page.title }}
{% endblock title %}
{% block styles %}
  {{ block.super }}
  <link rel="stylesheet" href="{% static 'mvp_sphinx/content.css' %}">
  <link rel="stylesheet" href="{% static 'mvp_sphinx/page.css' %}">
  {% if has_examples %}<link rel="stylesheet" href="{% static 'mvp_sphinx/example.css' %}">{% endif %}
{% endblock styles %}
{% block content %}
  <c-page>
    <c-container>
      <div class="xl:flex gap-10">
        <div class="min-w-0 w-full max-w-prose xl:max-w-none xl:flex-1">
          <c-mvp_sphinx.search_form :action="search_url" />
          <article class="prose xl:max-w-none mvp-sphinx-content py-4">
            {% for part in body_parts %}
              {% if part.example %}
                <c-mvp_sphinx.live_example :example="part.example" />
              {% else %}
                {{ part.html }}
              {% endif %}
            {% endfor %}
          </article>
          <c-mvp_sphinx.page_links :previous="previous_page" :next="next_page" />
        </div>
        {% if headings %}
          <aside class="hidden xl:block w-56 shrink-0">
            <c-mvp_sphinx.on_this_page :headings="headings" />
          </aside>
        {% endif %}
      </div>
    </c-container>
  </c-page>
{% endblock content %}
{% block extra_js %}
  {{ block.super }}
  {% if has_maths %}
    <script src="{% static 'mvp_sphinx/maths.js' %}"></script>
    <script defer src="https://cdn.jsdelivr.net/npm/mathjax@4/tex-mml-chtml.js"></script>
  {% endif %}
{% endblock extra_js %}