{% extends "base.html" %}
{% from "partials/results_table.html" import results_table %}

{% block title %}History — Tsume{% endblock %}

{% block content %}
<div class="page-header">
  <div>
    <h1>Lookup History</h1>
    <p>{{ total }} lookup{{ "s" if total != 1 else "" }} recorded</p>
  </div>
  <a class="button button--primary" href="/lookup">New lookup</a>
</div>

{% if pruned is not none %}
<div class="panel">
  <div class="panel__body">
    <div class="alert alert--success">Deleted {{ pruned }} old lookup{{ "s" if pruned != 1 else "" }}.</div>
  </div>
</div>
{% endif %}

<div class="panel">
  <div class="panel__body">
    <form method="get" action="/" class="filter-form">
      <div class="filter-group filter-group--search">
        <div class="field">
          <label for="search">Search</label>
          <input class="mono" type="text" id="search" name="search" value="{{ filters.search }}" placeholder="hash, ip, domain, summary…">
        </div>
      </div>
      <div class="filter-group filter-group--facets">
        <div class="field">
          <label for="ioc_type">Type</label>
          <select id="ioc_type" name="ioc_type">
            <option value="">All</option>
            {% for t in ioc_types %}
            <option value="{{ t }}" {% if filters.ioc_type == t %}selected{% endif %}>{{ t }}</option>
            {% endfor %}
          </select>
        </div>
        <div class="field">
          <label for="verdict">Verdict / severity</label>
          <select id="verdict" name="verdict">
            <option value="">All</option>
            {% for v in verdicts %}
            <option value="{{ v }}" {% if filters.verdict == v %}selected{% endif %}>{{ v }}</option>
            {% endfor %}
          </select>
        </div>
        <div class="field">
          <label for="provider">Provider</label>
          <select id="provider" name="provider">
            <option value="">All</option>
            {% for p in providers %}
            <option value="{{ p }}" {% if filters.provider == p %}selected{% endif %}>{{ p }}</option>
            {% endfor %}
          </select>
        </div>
      </div>
      <div class="filter-group filter-group--actions">
        <div class="field">
          <button class="button button--primary" type="submit">Filter</button>
        </div>
        {% if filters.search or filters.ioc_type or filters.verdict or filters.provider %}
        <div class="field">
          <a class="button button--ghost" href="/">Clear</a>
        </div>
        {% endif %}
      </div>
    </form>
  </div>

  {% if error %}
  <div class="panel__body">
    <div class="alert alert--error">Could not load history: {{ error }}</div>
  </div>
  {% elif results %}
  {{ results_table(results, verdict_label="Verdict / Severity") }}
  <div class="panel__body field-row" style="justify-content: space-between;">
    <span class="helper-text">Page {{ page }}</span>
    <div class="field-row">
      {% if has_prev %}
      <a class="button button--ghost" href="{{ prev_url }}">← Newer</a>
      {% endif %}
      {% if has_next %}
      <a class="button button--ghost" href="{{ next_url }}">Older →</a>
      {% endif %}
    </div>
  </div>
  {% else %}
  <div class="empty-state">
    <h3>No lookups yet</h3>
    <p>Run one from Live Lookup to get started — every lookup from here or the CLI shows up here automatically.</p>
    <a class="button button--primary" href="/lookup">Run your first lookup</a>
  </div>
  {% endif %}
</div>

<details class="panel details-panel">
  <summary class="panel__header">Data retention</summary>
  <div class="panel__body">
    <p class="helper-text">Permanently delete old lookups from history. Leave a field blank to skip that condition; filling in both deletes anything that matches either.</p>
    <form
      method="post"
      action="/history/prune"
      class="field-row"
      style="margin-top: var(--space-4);"
      data-confirm="Permanently delete the matching lookups from history? This cannot be undone."
    >
      <div class="field">
        <label for="older_than_days">Older than (days)</label>
        <input type="number" min="1" id="older_than_days" name="older_than_days" placeholder="e.g. 90">
      </div>
      <div class="field">
        <label for="keep_latest">Keep latest (count)</label>
        <input type="number" min="0" id="keep_latest" name="keep_latest" placeholder="e.g. 1000">
      </div>
      <div class="field">
        <button class="button button--ghost" type="submit">Prune history</button>
      </div>
    </form>
  </div>
</details>
{% endblock %}