{% extends "base.html" %}
{% block title %}Risk Dashboard{% endblock %}

{% block content %}
<div class="container py-4">
  <div class="topbar mb-4">
    <span class="page-title">
      <i class="bi bi-shield-exclamation"></i>Risk Dashboard
    </span>
    <a href="{{ url_for('risk.anomaly_dashboard') }}" class="btn btn-outline-secondary btn-sm">
      Anomaly Detection
    </a>
  </div>

  {% if not scored %}
    <div class="alert alert-info">No evidence items found. Upload evidence to see risk scores.</div>
  {% else %}
  <div class="card shadow-sm">
    <div class="card-body p-0">
      <table class="table table-hover align-middle mb-0">
        <thead class="table-dark">
          <tr>
            <th>Rank</th>
            <th>Evidence</th>
            <th>Case</th>
            <th>Risk Level</th>
            <th style="min-width:160px;">Score</th>
            <th>Interactions</th>
            <th>Actions</th>
          </tr>
        </thead>
        <tbody>
          {% for item in scored %}
          {% set r = item.report %}
          {% set ev = item.evidence %}
          {% set color_map = {'LOW': 'success', 'MEDIUM': 'warning', 'HIGH': 'danger', 'CRITICAL': 'dark'} %}
          <tr>
            <td>{{ loop.index }}</td>
            <td>
              <a href="{{ url_for('evidence.view_evidence', case_id=ev.case_id, evidence_id=ev.id) }}">
                #{{ ev.id }} - {{ ev.title }}
              </a>
            </td>
            <td><a href="{{ url_for('cases.view_case', case_id=ev.case_id) }}">#{{ ev.case_id }}</a></td>
            <td>
              <span class="risk-badge level-{{ r.risk_level | lower }}">
                {{ r.risk_level }}
              </span>
            </td>
            <td>
              {% set pct = (r.final_score * 100) | int %}
              <div class="progress" style="height:20px;">
                <div class="progress-bar bg-{{ color_map.get(r.risk_level, 'secondary') }}"
                     style="width:{{ pct }}%">
                  {{ '%.3f' | format(r.final_score) }}
                </div>
              </div>
            </td>
            <td>
              {% if r.interactions %}
                <span class="badge bg-danger">{{ r.interactions | length }} interaction(s)</span>
              {% else %}
                <span class="text-muted">-</span>
              {% endif %}
            </td>
            <td>
              <a href="{{ url_for('risk.evidence_risk', evidence_id=ev.id) }}"
                 class="btn btn-sm btn-outline-primary">Full Report</a>
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
  {% endif %}
</div>
{% endblock %}