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

{% block title %}Live Lookup — Tsume{% endblock %}

{% block content %}
<div class="page-header">
  <div>
    <h1>Live Lookup</h1>
    <p>Run a lookup across configured providers — same data model as the CLI</p>
  </div>
</div>

<div class="panel">
  <div class="panel__body">
    <form method="post" action="/lookup" id="lookup-form">
      <div class="field-row">
        <div class="field">
          <label for="ioc_type">Type</label>
          <select id="ioc_type" name="ioc_type" onchange="location.href='/lookup?ioc_type=' + this.value">
            {% for t in ioc_types %}
            <option value="{{ t }}" {% if selected_ioc_type == t %}selected{% endif %}>{{ t }}</option>
            {% endfor %}
          </select>
        </div>
        <div class="field" style="flex: 1;">
          <label for="value">Value</label>
          <input class="mono" type="text" id="value" name="value" value="{{ submitted_value or '' }}" placeholder="{{ value_help }}" required autofocus>
        </div>
      </div>

      <div class="field" style="margin-top: var(--space-4);">
        <label>Providers</label>
        {% if default_providers %}
        <span class="helper-text">Default for {{ selected_ioc_type }}</span>
        <div class="checkbox-group">
          {% for p in default_providers %}
          <label>
            <input type="checkbox" name="providers" value="{{ p }}" {% if p in selected_providers %}checked{% endif %}>
            {{ p }}
          </label>
          {% endfor %}
        </div>
        {% endif %}
        {% if other_providers %}
        <span class="helper-text" style="margin-top: var(--space-2);">Also available for {{ selected_ioc_type }}</span>
        <div class="checkbox-group">
          {% for p in other_providers %}
          <label>
            <input type="checkbox" name="providers" value="{{ p }}" {% if p in selected_providers %}checked{% endif %}>
            {{ p }}
          </label>
          {% endfor %}
        </div>
        {% endif %}
      </div>

      <div class="field" style="margin-top: var(--space-4);">
        <label>
          <input type="checkbox" name="no_cache" value="1" {% if no_cache %}checked{% endif %}>
          Skip cache (force a fresh lookup)
        </label>
      </div>

      <div class="field" style="margin-top: var(--space-5);">
        <button class="button button--primary" type="submit">Run lookup</button>
      </div>
    </form>
  </div>
</div>

{% if validation_error %}
<div class="panel">
  <div class="panel__body">
    <div class="alert alert--error">{{ validation_error }}</div>
  </div>
</div>
{% endif %}

<div class="panel" id="results-panel" {% if results is not defined %}hidden{% endif %}>
  <div class="panel__header">
    <h2>Results</h2>
    <span class="helper-text" id="stream-status"></span>
  </div>
  <div id="stream-warnings">
    {% for w in warnings %}
    <div class="alert alert--warning">{{ w }}</div>
    {% endfor %}
  </div>
  {{ results_table(results if results is defined else [], verdict_label="Severity" if selected_ioc_type == "cve" else "Verdict") }}
  <div class="empty-state" id="empty-state" {% if results is not defined or results %}hidden{% endif %}>
    <h3>No provider returned a result</h3>
    <p>Check the warnings above, or try a different provider selection.</p>
  </div>
</div>
{% endblock %}