{% extends "base.html" %}
{% set htmx = true %}{# panels self-load and star buttons post #}
{% block title %}{{ raw }} · casefile{% if demo %} demo{% endif %}{% endblock %}
{% block content %}
{% if not sections %}
<main class="intro" id="pane" tabindex="-1">
  <h1>Nothing recognised</h1>
  <p>casefile could not read <code>{{ raw }}</code> as any identifier it knows.</p>
  <p class="muted">casefile matches on shape, so it needs something with a recognisable one. Try a
    domain, an IP, an email address, a username, a phone number in international form, a file hash,
    a CVE id, a bitcoin address or a transaction hash.</p>
  <p class="muted"><a href="/">Start again</a> · <a href="/cases">Saved cases</a></p>
</main>
{% else %}
{% set sourced = sections | selectattr("panels") | list %}
<h1 class="visually-hidden">casefile results for {{ raw }}</h1>
<p class="summary muted">{{ sections | length }} reading{{ "s" if sections | length != 1 }}
 · {{ sections | map(attribute="links") | map("length") | sum }} links{% if not demo %}
 · <a href="/cases">saved cases</a>{% endif %}</p>
{% if not demo %}
<div class="page-save">{% with section = sections | first %}{% include "save_control.html" %}{% endwith %}</div>
{% endif %}
<div class="layout">
  <nav class="rail" aria-label="Results and readings">
    <div class="rail-block">
      <a class="rail-type" href="#results">Results</a>
      <span class="rail-links">{{ sourced | map(attribute="panels") | map("length") | sum }} sources</span>
    </div>
    {% for section in sections %}
    <div class="rail-block">
      <a class="rail-type{{ ' speculative-type' if section.speculative }}"
         href="#links-{{ section.type }}">{{ section.type }}</a>
      <span class="rail-links">{{ section.links | length }} links{{ ", a guess" if section.speculative }}</span>
    </div>
    {% endfor %}
    {% if demo %}
    <p class="rail-tally muted">other examples</p>
    {% for t in targets %}<p class="rail-links"><a href="{{ t.href }}">{{ t.query }}</a></p>{% endfor %}
    {% else %}
    <p class="rail-tally muted">{{ sections | length }} reading{{ 's' if sections | length != 1 }}</p>
    {% endif %}
  </nav>

  <main class="pane" id="pane" tabindex="-1">
    <section class="region" id="results">
      <h2>Results</h2>
      {% if not sourced %}
      <p class="region-note muted">casefile has no source it can query for
        {{ sections | map(attribute="type") | unique | join(" or ") }} yet, so everything for this
        one is in Links below.</p>
      {% endif %}
      {% for section in sourced %}
      <h3 class="reading">{{ section.type }} <span class="muted">{{ section.value }}</span>
        {% if section.speculative %}<span class="tag">a guess</span>
        {% elif loop.first %}<span class="tag">most likely</span>{% endif %}</h3>
      <div class="panels">
        {% for p in section.panels %}
        {% set panel_url = '/panel/' ~ p.id ~ '?v=' ~ (section.value | urlencode) ~ '&t=' ~ section.type %}
        {% set prerendered = section.results.get(p.id) %}
        {% if p.contacts_target %}{# in the visit block below, behind its one button #}
        {% elif prerendered %}
        {# rendered exactly as a live swap would be; the demo passes no target, so no stars and no refresh #}
        {% with result = prerendered, t = (none if demo else section.type), v = (none if demo else section.value),
                starred_keys = section.starred %}
        {% include "panel.html" %}{% endwith %}
        {% elif demo %}
        <div class="panel" data-state="on-demand">
          <div class="panel-head"><h4 class="panel-id">{{ source_name(p.id) }}</h4>
            <span class="panel-state">not in this demo</span></div>
          <p class="muted panel-cost">Run casefile locally to query this source.</p>
        </div>
        {% elif p.on_demand and p.id not in section.running %}
        <div class="panel" data-state="on-demand" id="{{ [section.type, section.value, p.id] | dom_id }}" tabindex="-1">
          <div class="panel-head"><h4 class="panel-id">{{ source_name(p.id) }}</h4>
            <span class="panel-state">on demand</span></div>
          <button class="panel-run" type="button" hx-get="{{ panel_url }}"
                  hx-target="closest .panel" hx-swap="outerHTML"
                  hx-disabled-elt="this" hx-indicator="closest .panel">
            Run this check
          </button>
          <p class="panel-running muted">running, this can take a while…</p>
          {% if p.cost_note %}<p class="muted panel-cost">{{ p.cost_note }}</p>{% endif %}
        </div>
        {% else %}
        <div class="panel" data-state="loading" aria-live="polite" tabindex="-1"
             id="{{ [section.type, section.value, p.id] | dom_id }}"
             hx-get="{{ panel_url }}" hx-trigger="load" hx-swap="outerHTML" hx-indicator="this">
          <div class="panel-head"><h4 class="panel-id">{{ source_name(p.id) }}</h4>
            <span class="panel-state">loading…</span></div>
        </div>
        {% endif %}
        {% endfor %}
        {% set visits = section.panels | selectattr("contacts_target") | list %}
        {% if visits %}
        {# the only panels that contact the target: one click loads all three, nothing else ever does #}
        <div class="visit">
          {% if not demo %}
          <p class="visit-note muted">{{ "about 5 requests" if visits | length > 1 else "one request" }} to <code>{{ section.visit_host }}</code> from your IP; the
            site will see them</p>
          {% if visits | rejectattr("id", "in", section.results) | rejectattr("id", "in", section.running) | list %}
          <button class="panel-run visit-run" type="button">Visit the site</button>
          {% endif %}
          {% endif %}
          {% for p in visits %}
          {% set panel_url = '/panel/' ~ p.id ~ '?v=' ~ (section.value | urlencode) ~ '&t=' ~ section.type %}
          {% set prerendered = section.results.get(p.id) %}
          {% if demo %}
          <div class="panel" data-state="on-demand">
            <div class="panel-head"><h4 class="panel-id">{{ source_name(p.id) }}</h4>
              <span class="panel-state">not in this demo</span></div>
            <p class="muted panel-cost">Run casefile locally to visit the site.</p>
          </div>
          {% elif prerendered %}
          {% with result = prerendered, t = section.type, v = section.value, starred_keys = section.starred %}
          {% include "panel.html" %}{% endwith %}
          {% else %}
          {# in flight from before a reload: load to join it; otherwise wait for the button's event #}
          <div class="panel" data-state="{{ 'loading' if p.id in section.running else 'on-demand' }}"
               aria-live="polite" tabindex="-1" id="{{ [section.type, section.value, p.id] | dom_id }}"
               hx-get="{{ panel_url }}"
               hx-trigger="{{ 'load' if p.id in section.running else 'visit from:closest .visit' }}"
               hx-swap="outerHTML" hx-indicator="this">
            <div class="panel-head"><h4 class="panel-id">{{ source_name(p.id) }}</h4>
              <span class="panel-state">{{ 'loading…' if p.id in section.running else 'not visited' }}</span></div>
            <p class="panel-running muted">visiting…</p>
          </div>
          {% endif %}
          {% endfor %}
        </div>
        {% endif %}
      </div>
      {% endfor %}
    </section>

    <section class="region" id="links">
      <h2>Links</h2>
      <p class="region-note muted">Nothing here has been fetched. These are the places worth
        looking, picked by what the input could be.</p>
      {% for section in sections %}
      {% if section.speculative %}
      {# folded, not dropped: any string is a plausible name, so guesses would crowd out the real reading #}
      <details class="speculative">
        <summary id="links-{{ section.type }}"><h3 class="reading">{{ section.type }}</h3>
          <span class="muted">{{ section.value }} · {{ section.links | length }} links, a guess from the shape
            of the input</span></summary>
      {% else %}
      <h3 class="reading" id="links-{{ section.type }}">{{ section.type }}
        <span class="muted">{{ section.value }}</span>
        <span class="muted">· {{ section.links | length }}</span></h3>
      {% endif %}
      <label class="visually-hidden" for="filter-{{ section.type }}">Filter {{ section.type }} links</label>
      <input class="filter" id="filter-{{ section.type }}" type="search" placeholder="filter links…"
             data-filters="links-{{ section.type }}-list">
      {% with verdicts = section.verdicts, tally = section.tally, checking = section.checking %}
      {% include "links.html" %}{% endwith %}
      {% if section.speculative %}</details>{% endif %}
      {% endfor %}
    </section>
  </main>
</div>
{% endif %}
{% endblock %}