{% 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" %}

    <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">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">
              Status: {{ latest_run.status }}
            </div>
            <a
              class="btn btn-outline-primary btn-sm mt-3"
              href="{{ url_prefix }}/runs/{{ latest_run.id }}"
              >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">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">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">
        <div class="card">
          <div class="card-header"><h3 class="card-title">Details</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 dashboard payload available.</div>
            {% endif %}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}