{% extends "base.html" %}

{% block title %}{{ page_title }} · {{ app_title }}{% endblock %}

{% block content %}
<div class="page-header d-print-none">
  <div class="{{ layout.container_class }}">
    <div class="row g-2 align-items-center">
      <div class="col">
        <h2 class="page-title">{{ page_title }}</h2>
        <div class="text-secondary mt-1">{{ page_subtitle }}</div>
      </div>
    </div>
  </div>
</div>

<div class="page-body">
  <div class="{{ layout.container_class }}">
    {% include "components/product_console_state.html" %}

    {% if has_layout %}
    <div class="row row-deck row-cards g-3">
      {% for block in layout_blocks %}
      <div class="{{ block.width_class }}">
        {% include "components/layout_block.html" %}
      </div>
      {% endfor %}
    </div>
    {% else %}
    <div class="card">
      <div class="card-header"><h3 class="card-title">Venue payload</h3></div>
      <div class="card-body">
        {% if dashboard %}
        <pre class="mb-0"><code>{{ dashboard | tojson(indent=2) }}</code></pre>
        {% else %}
        <div class="text-secondary">No venue dashboard data available.</div>
        {% endif %}
      </div>
    </div>
    {% endif %}
  </div>
</div>
{% endblock %}