{% extends "base.html" %} {% from
"components/primitives/catalog_primitives.html" import accordion %} {% block
title %}{{ page_title }} · {{ app_title }}{% endblock %} {% block content %}
{% include "components/page_header.html" %}

<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="row g-3">
      <div class="col-12 col-lg-4">
        <div class="card h-100">
          <div class="card-header"><h3 class="card-title">{{ pc_labels.latest_run }}</h3></div>
          <div class="card-body">
            {% if latest_run %}
            <div class="fs-3 fw-bold">{{ latest_run.id }}</div>
            <div class="text-secondary mt-1">
              {{ pc_labels.status }}: {{ latest_run.status }}
            </div>
            <a
              class="btn btn-outline-primary btn-sm mt-3"
              href="{{ url_prefix }}/runs/{{ latest_run.id }}"
              >{{ pc_labels.open_run }}</a
            >
            {% else %}
            <div class="text-secondary">No latest run available.</div>
            {% endif %}
          </div>
        </div>
      </div>

      <div class="col-12 col-lg-4">
        <div class="card h-100">
          <div class="card-header"><h3 class="card-title">{{ pc_labels.kpis }}</h3></div>
          <div class="card-body">
            {% if kpi_items %} {% for item in kpi_items %}
            <div
              class="border rounded p-2 {% if not loop.last %}mb-2{% endif %}"
            >
              <div class="text-secondary small">{{ item.label }}</div>
              <div class="fs-4 fw-bold">{{ item.value }}</div>
            </div>
            {% endfor %} {% else %}
            <div class="text-secondary">No KPI items available.</div>
            {% endif %}
          </div>
        </div>
      </div>

      <div class="col-12 col-lg-4">
        <div class="card h-100">
          <div class="card-header"><h3 class="card-title">{{ pc_labels.summary }}</h3></div>
          <div class="card-body">
            {% if summary_items %}
            <dl class="row mb-0">
              {% for item in summary_items %}
              <dt class="col-5">{{ item.key }}</dt>
              <dd class="col-7">{{ item.value }}</dd>
              {% endfor %}
            </dl>
            {% else %}
            <div class="text-secondary">No summary data available.</div>
            {% endif %}
          </div>
        </div>
      </div>

      <div class="col-12">
        {% set technical_details_items = [{'title': pc_labels.technical_details, 'open':
        false}] %} {% call(item) accordion( items=technical_details_items,
        accordion_id='technical-details-accordion',
        accordion_class=components.accordion_class,
        accordion_variant=components.accordion_variant|default('default') ) %}
        {% if dashboard %}
        <pre class="mb-0"><code>{{ dashboard | tojson(indent=2) }}</code></pre>
        {% else %}
        <div class="text-secondary">No dashboard payload available.</div>
        {% endif %} {% endcall %}
      </div>
    </div>
    {% endif %}
  </div>
</div>
{% endblock %}