{% extends "base.html" %}

{% block title %}{{ page.title }} · {{ app_title }}{% endblock %}

{% block content %}
{% include "components/page_header.html" %}

<div class="{{ layout.container_class }}">
  <section class="card p-3" aria-label="Page blocks">
    {% if has_blocks %}
    <div class="row g-3 beeui-block-grid">
      {% for block in rendered_blocks %}
      <div class="col-12 col-md-{{ block.width }}">
        {% include block.template_name %}
      </div>
      {% endfor %}
    </div>
    {% else %}
    {% include "components/empty_state.html" %}
    {% endif %}
  </section>
</div>
{% endblock %}