{% extends "base.html" %}
{% block title %}Afterlife: Findings{% endblock %}
{% block content %}

<h1>Findings</h1>
<p class="meta">{{ findings|length }} result(s) of {{ total_findings }}{% if filter_severity or filter_rule or filter_blast or query or (filter_status and filter_status != "open") %} after filtering{% endif %}.{% if new_count and filter_status == "open" %} <span class="badge new-badge">{{ new_count }} new since last scan</span>{% endif %}</p>

<div class="filter-bar">
  <form method="get" action="/findings"
        hx-get="/findings"
        hx-target="#findings-list"
        hx-trigger="change, search delay:300ms from:input[type=search]"
        hx-push-url="true">
    <label>Status
      <select name="status" onchange="this.form.requestSubmit ? this.form.requestSubmit() : this.form.submit()">
        <option value="open" {% if filter_status == "open" %}selected{% endif %}>Open{% if new_count %} ({{ new_count }} new){% endif %}</option>
        <option value="resolved" {% if filter_status == "resolved" %}selected{% endif %}>Resolved</option>
        <option value="all" {% if filter_status == "all" %}selected{% endif %}>All</option>
      </select>
    </label>
    <label>Severity
      <select name="severity" onchange="this.form.requestSubmit ? this.form.requestSubmit() : this.form.submit()">
        <option value="">(any)</option>
        <option value="critical" {% if filter_severity == "critical" %}selected{% endif %}>critical</option>
        <option value="high" {% if filter_severity == "high" %}selected{% endif %}>high</option>
        <option value="medium" {% if filter_severity == "medium" %}selected{% endif %}>medium</option>
        <option value="low" {% if filter_severity == "low" %}selected{% endif %}>low</option>
      </select>
    </label>
    <label>Rule
      <select name="rule" onchange="this.form.requestSubmit ? this.form.requestSubmit() : this.form.submit()">
        <option value="">(any)</option>
        {% for r in rule_ids %}
        <option value="{{ r }}" {% if filter_rule == r %}selected{% endif %}>{{ r }}</option>
        {% endfor %}
      </select>
    </label>
    <label>Blast
      <select name="blast" onchange="this.form.requestSubmit ? this.form.requestSubmit() : this.form.submit()">
        <option value="">(any)</option>
        <option value="broad" {% if filter_blast == "broad" %}selected{% endif %}>broad</option>
        <option value="moderate" {% if filter_blast == "moderate" %}selected{% endif %}>moderate</option>
        <option value="limited" {% if filter_blast == "limited" %}selected{% endif %}>limited</option>
      </select>
    </label>
    <input type="search" name="q" value="{{ query }}" placeholder="Search title, description, credential id, owner..." aria-label="Search findings" class="search-input">
    <label>Sort
      <select name="sort" onchange="this.form.requestSubmit ? this.form.requestSubmit() : this.form.submit()">
        <option value="severity" {% if sort == "severity" %}selected{% endif %}>Severity then blast (default)</option>
        <option value="blast" {% if sort == "blast" %}selected{% endif %}>Blast radius</option>
        <option value="newest" {% if sort == "newest" %}selected{% endif %}>Newest first</option>
        <option value="oldest" {% if sort == "oldest" %}selected{% endif %}>Oldest first</option>
        <option value="rule" {% if sort == "rule" %}selected{% endif %}>Rule id</option>
      </select>
    </label>
    <label>
      <input type="checkbox" name="show_suppressed" value="true" {% if show_suppressed %}checked{% endif %} onchange="this.form.requestSubmit ? this.form.requestSubmit() : this.form.submit()">
      Show suppressed{% if suppressed_count %} ({{ suppressed_count }}){% endif %}
    </label>
    <span class="htmx-indicator"><span class="spinner"></span></span>
  </form>
  {% if filter_severity or filter_rule or filter_blast or query or show_suppressed or (filter_status and filter_status != "open") %}
  <a class="clear" href="/findings">Clear filters</a>
  {% endif %}
</div>

<div id="findings-list">
{% include "_findings_list.html" %}
</div>

{% endblock %}