{% extends "base.html" %}
{% block title %}Afterlife: Identities{% endblock %}
{% block content %}

<h1>Identity graph</h1>
<p class="meta">{{ total_persons }} persons across {{ sources|length }} source(s). <b>{{ cross_source_count }}</b> cross-source.</p>

<div class="filter-bar">
  <form method="get" action="/identities"
        hx-get="/identities"
        hx-target="#identities-list"
        hx-trigger="change, search delay:300ms from:input[type=search]"
        hx-push-url="true">
    <label>
      <input type="checkbox" name="cross_source_only" value="true" {% if cross_source_only %}checked{% endif %} onchange="this.form.requestSubmit ? this.form.requestSubmit() : this.form.submit()">
      Cross-source only
    </label>
    <input type="search" name="q" value="{{ query }}" placeholder="Search email, name, source id..." aria-label="Search persons" class="search-input">
    <span class="htmx-indicator"><span class="spinner"></span></span>
  </form>
  {% if cross_source_only or query %}
  <a class="clear" href="/identities">Clear filters</a>
  {% endif %}
</div>

<div id="identities-list">
{% include "_identities_list.html" %}
</div>

{% endblock %}