{% extends "base.html" %}
{% import "_macros.html" as m %}
{% block title %}Findings{% endblock %}
{% block content %}
<section class="page-head">
  <h1>Findings</h1>
  <p>Components matched against the EUVD, most severe first. Order is deterministic.</p>
</section>

<form class="filters" method="get" action="{{ url_for('findings_list') }}">
  <div class="field">
    <label for="f-conf">Confidence</label>
    <select id="f-conf" name="confidence">
      {% for value, label in [("any", "any"), ("low", "low+"), ("medium", "medium+"), ("high", "high")] %}
      <option value="{{ value }}" {% if view.confidence_filter == value %}selected{% endif %}>{{ label }}</option>
      {% endfor %}
    </select>
  </div>
  <div class="field">
    <label for="f-exp">Exploited</label>
    <select id="f-exp" name="exploited">
      <option value="any" {% if view.exploited_filter == "any" %}selected{% endif %}>any</option>
      <option value="yes" {% if view.exploited_filter == "yes" %}selected{% endif %}>yes</option>
    </select>
  </div>
  <div class="field">
    <label for="f-vex">VEX status</label>
    <select id="f-vex" name="vex_status">
      {% for value in ["any", "under_investigation", "not_affected", "affected", "fixed"] %}
      <option value="{{ value }}" {% if view.vex_filter == value %}selected{% endif %}>{{ value.replace("_", " ") }}</option>
      {% endfor %}
    </select>
  </div>
  <button class="btn btn--primary" type="submit">Apply</button>
  <a class="btn btn--ghost" href="{{ url_for('findings_list') }}">Clear</a>
</form>

{% if view.rows %}
<div class="tablewrap">
  <table>
    <caption class="visually-hidden">Findings, filtered and sorted by exploited status, confidence, then component name</caption>
    <thead>
      <tr>
        <th scope="col"><span class="visually-hidden">Severity</span></th>
        <th scope="col">Component</th>
        <th scope="col">EUVD id</th>
        <th scope="col">Aliases</th>
        <th scope="col">Exploited</th>
        <th scope="col">Confidence</th>
        <th scope="col">VEX status</th>
        <th scope="col">EPSS</th>
        <th scope="col">KEV</th>
      </tr>
    </thead>
    <tbody>
      {% for row in view.rows %}
      <tr>
        <td class="stripecell"><i class="{{ row.stripe_class }}" aria-hidden="true"></i></td>
        <td>
          <a class="rowlink" href="{{ url_for('finding_detail', comp_hash=row.comp_hash, euvd_id=row.euvd_id) }}">
            <b>{{ row.component_name }}</b> <span class="tbl-mono">{{ row.component_version or "" }}</span>
          </a>
        </td>
        <td class="tbl-mono">{{ row.euvd_id }}</td>
        <td class="tbl-mono" title="{{ row.aliases | join(', ') }}">{{ row.aliases[0] if row.aliases else "—" }}{% if row.aliases | length > 1 %} +{{ row.aliases | length - 1 }}{% endif %}</td>
        <td>{% if row.exploited %}<span class="pill pill--crit pill--filled">⚠ yes</span>{% else %}—{% endif %}</td>
        <td>{{ m.pill(row.confidence) }}</td>
        <td>{{ m.pill(row.vex_status) }}</td>
        <td class="tbl-mono">{{ row.epss_text }}</td>
        <td class="tbl-mono">{{ row.in_kev_text }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  <div class="tfoot">
    <span class="mono">{{ ((view.page - 1) * 50) + 1 }}–{{ ((view.page - 1) * 50) + view.rows | length }} of {{ view.total }}</span>
    <span class="pagers">
      {% if view.page > 1 %}
      <a class="btn btn--ghost" href="{{ url_for('findings_list') }}?confidence={{ view.confidence_filter }}&exploited={{ view.exploited_filter }}&vex_status={{ view.vex_filter }}&page={{ view.page - 1 }}">‹ Prev</a>
      {% else %}
      <button class="btn btn--ghost" disabled>‹ Prev</button>
      {% endif %}
      {% if view.page < view.page_count %}
      <a class="btn btn--ghost" href="{{ url_for('findings_list') }}?confidence={{ view.confidence_filter }}&exploited={{ view.exploited_filter }}&vex_status={{ view.vex_filter }}&page={{ view.page + 1 }}">Next ›</a>
      {% else %}
      <button class="btn btn--ghost" disabled>Next ›</button>
      {% endif %}
    </span>
  </div>
</div>
{% else %}
<p class="empty-state">No findings match these filters. <a href="{{ url_for('findings_list') }}">Clear filters</a></p>
{% endif %}
{% endblock %}