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

{% block content %}
<h1 class="h3 mb-3">Findings</h1>

<form class="row g-2 align-items-end mb-3" method="get">
  <div class="col-md-4">
    <label class="form-label small text-muted mb-1">Project</label>
    <select name="project" class="form-select">
      <option value="" {% if not filters.project %}selected{% endif %}>All projects</option>
      {% for p in projects %}
        <option value="{{ p.id }}"
          {% if filters.project|default:''|stringformat:"s" == p.id|stringformat:"s" %}selected{% endif %}>
          {{ p.name }}
        </option>
      {% endfor %}
    </select>
  </div>

  <div class="col-md-3">
    <label class="form-label small text-muted mb-1">Severity</label>
    <select name="severity" class="form-select">
      <option value="" {% if not filters.severity %}selected{% endif %}>Any severity</option>
      {% for s in severities %}
        <option value="{{ s }}" {% if filters.severity == s %}selected{% endif %}>
          {{ s|capfirst }}
        </option>
      {% endfor %}
    </select>
  </div>

  <div class="col-md-3">
    <label class="form-label small text-muted mb-1">Search</label>
    <input name="q" class="form-control" value="{{ filters.q }}" placeholder="title, service, details, CVE...">
  </div>

  <div class="col-md-2 d-grid">
    <button class="btn btn-primary" type="submit">Filter</button>
  </div>

  <div class="col-12">
    <a class="btn btn-outline-success"
       href="?project={{ filters.project|urlencode }}&severity={{ filters.severity|urlencode }}&q={{ filters.q|urlencode }}&export=xlsx">
      Export XLSX
    </a>

    {% if filters.project or filters.severity or filters.q %}
      <a class="btn btn-link" href="{% url 'orchestrator:findings_list' %}">Clear filters</a>
    {% endif %}
  </div>
</form>

<div class="table-responsive">
  <table class="table table-sm table-hover align-middle">
    <thead>
      <tr>
        <th style="width: 90px;">Severity</th>
        <th>Title</th>
        <th style="width: 180px;">Project</th>
        <th style="width: 140px;">Target</th>
      </tr>
    </thead>
    <tbody>
      {% for f in findings %}
        <tr>
          <td>
            <span class="badge
              {% if f.severity == 'critical' %}text-bg-danger
              {% elif f.severity == 'high' %}text-bg-warning
              {% elif f.severity == 'medium' %}text-bg-info
              {% elif f.severity == 'low' %}text-bg-secondary
              {% else %}text-bg-dark{% endif %}">
              {{ f.severity }}
            </span>
          </td>
          <td>{{ f.title }}</td>
          <td>{{ f.project.name }}</td>
          <td>{% if f.target %}{{ f.target.ip_address }}{% endif %}</td>
        </tr>
      {% empty %}
        <tr><td colspan="4" class="text-muted">No findings found.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}