{% extends "base.html" %}
{% load i18n %}
{% block title %}
  {{ page.title }}
{% endblock title %}
{% block content %}
  <c-mvp.page class="{{ page.class }}">
    <c-mvp.container :width="page.width">
      {% comment %}
        The breadcrumb trail draws in the app header, not here. `page.header`
        stays as an extension point for a project's own content above the
        title, with no default of its own to draw.
      {% endcomment %}
      {% block page.header %}
      {% endblock page.header %}
      {% block page.content-wrapper %}
        <c-mvp.page.content center gap=3 class="pt-4 md:pt-8 pb-4">
          {% block page.title %}
            {% comment %}
              Named one at a time, not spread from `page`: the title block
              writes every attribute onto its root, and `page` also carries
              the breadcrumb trail and page class, already placed elsewhere.
            {% endcomment %}
            <c-mvp.page.title :title="page.title"
                          :subtitle="page.subtitle"
                          :info="page.info"
                          :info_actions="page.info_actions">
              <c-slot name="actions">
                {% block page.actions %}
                {% endblock page.actions %}
              </c-slot>
            </c-mvp.page.title>
          {% endblock page.title %}
          {% block page.content %}
            {% trans "Coming soon..." %}
          {% endblock page.content %}
        </c-mvp.page.content>
      {% endblock page.content-wrapper %}
      <c-mvp.toolbar bottom>
        {% block page.footer %}
        {% endblock page.footer %}
      </c-mvp.toolbar>
    </c-mvp.container>
  </c-mvp.page>
{% endblock content %}