{% extends "base.html" %}
{% block title %}Sentinel — Finding #{{ finding.id }}{% endblock %}
{% block content %}
<a href="javascript:history.back()" class="back-link">&larr; Back</a>

<div class="page-header">
  <h1>{{ finding.title }}</h1>
  <p class="subtitle">
    Finding #{{ finding.id }} &middot;
    <span class="badge badge-{{ finding.severity.value }}">{{ finding.severity.value }}</span>
    <span id="status-badge" style="display:inline;">
      <span class="badge badge-{{ finding.status.value }}">{{ finding.status.value }}</span>
    </span>
  </p>
</div>

<div class="card mb-2">
  <dl>
    <dt>Detector</dt>
    <dd>{{ finding.detector }}</dd>

    <dt>Category</dt>
    <dd>{{ finding.category }}</dd>

    <dt>Confidence</dt>
    <dd>{{ '%.0f' | format(finding.confidence * 100) }}%</dd>

    <dt>Fingerprint</dt>
    <dd class="text-mono">{{ finding.fingerprint }}</dd>

    {% if finding.file_path %}
    <dt>Location</dt>
    <dd class="text-mono">{{ finding.file_path }}{% if finding.line_start %}:{{ finding.line_start }}{% if finding.line_end and finding.line_end != finding.line_start %}-{{ finding.line_end }}{% endif %}{% endif %}</dd>
    {% endif %}

    {% if finding.context and finding.context.occurrence_count and finding.context.occurrence_count > 1 %}
    <dt>Recurrence</dt>
    <dd>Seen {{ finding.context.occurrence_count }} times (first: {{ finding.context.first_seen | default('?') }})</dd>
    {% endif %}
  </dl>
</div>

<div class="card mb-2">
  <h3 class="card-title mb-1">Description</h3>
  <p>{{ finding.description }}</p>
</div>

{% if finding.evidence %}
<div class="card mb-2">
  <h3 class="card-title mb-1">Evidence</h3>
  {% for ev in finding.evidence %}
  <div class="evidence-header">
    <span class="badge badge-new">{{ ev.type.value }}</span>
    {% if ev.source %}<span class="text-muted text-mono">{{ ev.source }}</span>{% endif %}
    {% if ev.line_range %}<span class="text-muted text-mono">L{{ ev.line_range[0] }}-{{ ev.line_range[1] }}</span>{% endif %}
  </div>
  <div class="evidence-block">{{ ev.content }}</div>
  {% endfor %}
</div>
{% endif %}

<div class="card mb-2" id="annotations-card">
  <h3 class="card-title mb-1">Notes</h3>
  <div id="annotations-list">
    {% for a in annotations %}
    <div class="annotation" id="annotation-{{ a.id }}">
      <p class="annotation-content">{{ a.content }}</p>
      <div class="annotation-meta">
        <time>{{ a.created_at.strftime('%Y-%m-%d %H:%M') }}</time>
        <form method="post" action="/findings/{{ finding.id }}/annotations/{{ a.id }}/delete"
              hx-post="/findings/{{ finding.id }}/annotations/{{ a.id }}/delete"
              hx-target="#annotations-list" hx-swap="innerHTML"
              style="display:inline">
          <button type="submit" class="btn btn-sm btn-danger">Delete</button>
        </form>
      </div>
    </div>
    {% endfor %}
  </div>
  <form method="post" action="/findings/{{ finding.id }}/annotations"
        hx-post="/findings/{{ finding.id }}/annotations"
        hx-target="#annotations-list" hx-swap="innerHTML"
        class="annotation-form mt-1">
    <textarea name="content" placeholder="Add a note..." rows="2" class="form-input" required></textarea>
    <button type="submit" class="btn btn-sm mt-05">Add Note</button>
  </form>
</div>

<div class="card" id="actions-card">
  <h3 class="card-title mb-1">Actions</h3>
  {% if finding.status.value not in ('suppressed', 'approved', 'resolved') %}
  <div class="actions-bar">
    <form method="post" action="/findings/{{ finding.id }}/action"
          hx-post="/findings/{{ finding.id }}/action" hx-target="#status-badge" hx-swap="innerHTML">
      <input type="hidden" name="action" value="approve">
      <button type="submit" class="btn btn-success btn-sm">Approve for Issue</button>
    </form>
    <form method="post" action="/findings/{{ finding.id }}/action"
          hx-post="/findings/{{ finding.id }}/action" hx-target="#status-badge" hx-swap="innerHTML"
          style="display:flex;align-items:end;gap:0.5rem;">
      <input type="hidden" name="action" value="suppress">
      <div>
        <input class="form-input" type="text" name="reason" placeholder="Reason (optional)" style="width:220px;font-size:0.82rem;padding:0.3rem 0.6rem;">
      </div>
      <button type="submit" class="btn btn-sm">Suppress</button>
    </form>
  </div>
  {% elif finding.status.value == 'approved' %}
  <p class="text-muted" style="font-size:0.88rem;">This finding is approved for GitHub issue creation. Go to <a href="/github">Issues</a> to create it.</p>
  {% elif finding.status.value == 'suppressed' %}
  <p class="text-muted" style="font-size:0.88rem;">This finding has been suppressed.</p>
  {% elif finding.status.value == 'resolved' %}
  <p class="text-muted" style="font-size:0.88rem;">This finding has been resolved — a GitHub issue was created.</p>
  {% endif %}
</div>
{% endblock %}