{% extends "base.html" %}
{% block title %}psyc — operations cockpit{% endblock %}
{% block content %}

<section class="hero">
  <div class="hero-text">
    <h1 class="hero-title">Defensive CTI in motion</h1>
    <p class="hero-sub">What psyc has seen and done — at a glance.</p>
  </div>
  <a class="hero-cta" href="/cases">All cases →</a>
</section>

<section class="kpis">
  <a class="kpi" href="/cases">
    <div class="kpi-num">{{ kpis.cases }}</div>
    <div class="kpi-label">cases tracked</div>
  </a>
  <a class="kpi" href="/lookup">
    <div class="kpi-num">{{ kpis.iocs }}</div>
    <div class="kpi-label">IOCs indexed</div>
  </a>
  <div class="kpi">
    <div class="kpi-num">+{{ kpis.new_24h }}</div>
    <div class="kpi-label">new in 24 h</div>
  </div>
  <div class="kpi kpi-warn">
    <div class="kpi-num">{{ kpis.high_total }}</div>
    <div class="kpi-label">high / critical</div>
  </div>
  <a class="kpi kpi-accent" href="/response">
    <div class="kpi-num">⚡ {{ kpis.enforcements_24h }}</div>
    <div class="kpi-label">enforced 24 h</div>
  </a>
  <a class="kpi" href="/ledger">
    <div class="kpi-num">{{ kpis.ledger_total }}</div>
    <div class="kpi-label">ledger entries</div>
  </a>
</section>

<div class="home-grid">
  <section class="panel home-news">
    <div class="panel-head">
      <h2>Recent activity</h2>
      <span class="count">{{ items|length }} items</span>
    </div>
    <p class="page-intro">Live feed of what psyc has detected and what it has done about it.</p>
    {% if not items %}
      <p class="empty">Nothing recent yet — start with <code>psyc fetch-all</code>.</p>
    {% endif %}
    <ol class="news-list">
      {% for i in items %}
      <li class="news-item news-kind-{{ i.kind }}{% if i.severity %} sev-{{ i.severity }}{% endif %}">
        <div class="news-icon">{{ i.icon }}</div>
        <div class="news-body">
          <div class="news-head">
            <span class="news-headline">{{ i.headline }}</span>
            {% if i.severity %}<span class="sev-badge">{{ i.severity }}</span>{% endif %}
          </div>
          <div class="news-sub">{{ i.body }}</div>
          <div class="news-meta">
            <time>{{ i.timestamp.strftime('%Y-%m-%d %H:%M') }}</time>
            {% if i.case_id %} · <a href="/cases/{{ i.case_id }}">{{ i.case_id }}</a>{% endif %}
          </div>
        </div>
      </li>
      {% endfor %}
    </ol>
  </section>

  <aside class="panel home-side">
    <div class="panel-head"><h2>Feed health</h2></div>
    <p class="page-intro">Where psyc's data is coming from.</p>
    <ul class="feed-health">
      {% for f in feeds %}
      <li class="feed-row">
        <span class="feed-name">{{ f.feed }}</span>
        <span class="feed-count">{{ f.count }}</span>
        <span class="feed-time">{{ f.latest.strftime('%m-%d %H:%M') if f.latest else '—' }}</span>
      </li>
      {% endfor %}
    </ul>
  </aside>
</div>
{% endblock %}