{% extends "base.html" %}
{% block title %}secfoo — Overview{% endblock %}
{% block content %}
<span class="ds-overline">Dashboard</span>
<h1>Assessments overview</h1>
<p class="ds-body" style="color:var(--color-text-muted);max-width:40rem">
  All security assessments run across every project, in one place.
</p>

<h2 style="margin-top:var(--space-10)">Projects</h2>
{% if projects %}
<div class="card-grid">
  {% for project in projects %}
  <a class="card card--interactive" href="/projects/{{ project.id }}" style="text-decoration:none;color:inherit;display:block">
    <span class="card__eyebrow">{{ project.kind }}</span>
    <h4 class="card__title">{{ project.display_name }}</h4>
    <p class="card__body">Last run: {{ project.last_run_at | fmt_time }}</p>
  </a>
  {% endfor %}
</div>
{% else %}
<div class="alert alert--info">
  <div>No projects assessed yet. Run <code>secfoo run --skill threat-assessment --agent claude</code> to get started.</div>
</div>
{% endif %}

<h2 style="margin-top:var(--space-12)">Recent runs</h2>
{% if recent_runs %}
<div class="table-wrap">
  <table class="table">
    <thead><tr><th>Started</th><th>Project</th><th>Skill</th><th>Agent</th><th>Status</th></tr></thead>
    <tbody>
      {% for run in recent_runs %}
      <tr class="run-row" onclick="location.href='/runs/{{ run.run_uuid }}'">
        <td>{{ run.started_at | fmt_time }}</td>
        <td>{{ run.project_display_name }}</td>
        <td>{{ run.skill_name }}</td>
        <td>{{ run.agent_id }}</td>
        <td><span class="badge {{ run.status | status_badge }}">{{ run.status }}</span></td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<p class="ds-body" style="color:var(--color-text-muted)">No runs yet.</p>
{% endif %}
{% endblock %}