{% extends 'generic/_base.html' %}

{% block title %}ROA Reconciliation Run Summary{% endblock %}

{% block content %}
  <div class="row mt-4">
    <div class="col col-md-12">
      <div class="card border-primary mb-4">
        <h2 class="card-header">ROA Reconciliation Run Summary</h2>
        <div class="card-body">
          <p class="mb-0">Aggregate totals across all visible ROA reconciliation runs.</p>
        </div>
      </div>

      <div class="row g-3 mb-4">
        <div class="col col-md-3">
          <div class="border rounded p-3 h-100">
            <div class="text-muted small text-uppercase">Total Runs</div>
            <div class="fs-2 fw-semibold">{{ total_runs }}</div>
          </div>
        </div>
        <div class="col col-md-3">
          <div class="border rounded p-3 h-100">
            <div class="text-muted small text-uppercase">Completed</div>
            <div class="fs-2 fw-semibold">{{ completed_runs }}</div>
          </div>
        </div>
        <div class="col col-md-3">
          <div class="border rounded p-3 h-100">
            <div class="text-muted small text-uppercase">Intent Requiring Replacement</div>
            <div class="fs-2 fw-semibold">{{ replacement_required_intent_total }}</div>
          </div>
        </div>
        <div class="col col-md-3">
          <div class="border rounded p-3 h-100">
            <div class="text-muted small text-uppercase">Published Requiring Replacement</div>
            <div class="fs-2 fw-semibold">{{ replacement_required_published_total }}</div>
          </div>
        </div>
        <div class="col col-md-3">
          <div class="border rounded p-3 h-100">
            <div class="text-muted small text-uppercase">Lint Warnings</div>
            <div class="fs-2 fw-semibold">{{ lint_warning_total }}</div>
          </div>
        </div>
        <div class="col col-md-3">
          <div class="border rounded p-3 h-100">
            <div class="text-muted small text-uppercase">Lint Errors</div>
            <div class="fs-2 fw-semibold">{{ lint_error_total }}</div>
          </div>
        </div>
      </div>

      <div class="text-end">
        <a href="{{ return_url }}" class="btn btn-outline-secondary">Back</a>
      </div>
    </div>
  </div>
{% endblock %}