{% extends "mvp_sphinx/base.html" %}
{% load i18n static %}
{% block title %}
  {{ page.title }}
{% endblock title %}
{% block head %}
  {{ block.super }}
  {% for tag in meta_tags %}
    <meta{% for name, value in tag.items %} {{ name }}="{{ value }}"{% endfor %}>
  {% endfor %}
{% endblock head %}
{% block styles %}
  {{ block.super }}
  {% if has_examples %}<link rel="stylesheet" href="{% static 'mvp_sphinx/example.css' %}">{% endif %}
{% endblock styles %}
{% block app.navbar.end %}
  {{ block.super }}
  {% if headings %}
    {% trans "On this page" as on_this_page_label %}
    <c-mvp.page.side.toggle for="mvp-sphinx-on-this-page" :text="on_this_page_label" icon="list-view" class="btn-ghost btn-sm" />
  {% endif %}
{% endblock app.navbar.end %}
{% block content %}
  <c-mvp.page>
    <c-mvp.container>
      <c-mvp.page.layout>
        <div class="min-w-0 w-full max-w-prose xl:max-w-none">
          <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 %}
          <c-slot name="side">
            <c-mvp_sphinx.on_this_page :headings="headings" />
          </c-slot>
        {% endif %}
      </c-mvp.page.layout>
    </c-mvp.container>
  </c-mvp.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 %}