{% extends "base.html" %}
{% load i18n %}
{% block title %}
  {{ page.title }}
{% endblock title %}
{% block content %}
  <c-page class="{{ page.class }}">
    <c-page.toolbar fluid>
      {% block page.header %}
        <c-breadcrumbs :items="page.breadcrumbs" />
      {% endblock page.header %}
    </c-page.toolbar>
    {% block page.content-wrapper %}
      <c-page.content center gap=3 class="py-4">
        <c-vstack gap=3>
          {% block page.title %}
            <c-card variant="primary">
              <div class="px-3 py-3">
                <c-page.title :attrs="page">
                  <c-slot name="actions">
                    {% block page.actions %}
                    {% endblock page.actions %}
                  </c-slot>
                </c-page.title>
              </div>
              {% block page.title.below %}
              {% endblock page.title.below %}
            </c-card>
          {% endblock page.title %}
          {% block page.content %}
            {% trans "Coming soon..." %}
          {% endblock page.content %}
        </c-vstack>
      </c-page.content>
    {% endblock page.content-wrapper %}
    <c-page.toolbar bottom>
      {% block page.footer %}
      {% endblock page.footer %}
    </c-page.toolbar>
  </c-page>
{% endblock content %}