{% extends "base.html" %}
{% block title %}secfoo — Responsible AI{% endblock %}
{% block content %}
<span class="ds-overline">Responsible AI</span>
<h1>Responsible AI risk mix</h1>
<p class="ds-body" style="color:var(--color-text-muted);max-width:40rem">
  Risk ratings are derived automatically from each assessment's attached Responsible AI
  Compliance run. An assessment stays "provisional" until its status is marked Completed.
</p>

<div class="stat-card-grid" style="margin-top:var(--space-6)">
  <div class="stat-card">
    <span class="stat-card__value">{{ total }}</span>
    <span class="stat-card__label">Assessments with a risk rating</span>
  </div>
  <div class="stat-card">
    <span class="stat-card__value">{{ high_risk }}</span>
    <span class="stat-card__label">High-risk</span>
  </div>
  <div class="stat-card">
    <span class="stat-card__value">{{ provisional }}</span>
    <span class="stat-card__label">Provisional</span>
  </div>
</div>

{% if assessments %}
<div class="table-wrap" style="margin-top:var(--space-8)">
  <table class="table">
    <thead><tr><th>Project</th><th>Risk</th><th>Rating status</th><th>Assessment status</th></tr></thead>
    <tbody>
      {% for a in assessments %}
      <tr class="run-row" onclick="location.href='/assessments/{{ a.id }}'">
        <td>{{ a.project_display_name }}</td>
        <td><span class="badge {{ a.responsible_ai_risk | responsible_ai_risk_badge }}">{{ a.responsible_ai_risk }}</span></td>
        <td><span class="badge {{ a.responsible_ai_status | responsible_ai_status_badge }}">{{ a.responsible_ai_status }}</span></td>
        <td><span class="badge {{ a.status | assessment_status_badge }}">{{ a.status | assessment_status_label }}</span></td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<div class="alert alert--info" style="margin-top:var(--space-8)">
  <div>No assessments have a Responsible AI risk rating yet — attach a Responsible AI Compliance run to one to populate this view.</div>
</div>
{% endif %}
{% endblock %}