mirror-epstein-docs/src/organizations.njk

---
layout: base.njk
title: Organizations
---

<h1>Organizations</h1>
<p class="subtitle">{{ indices.organizations.length }} organizations mentioned across documents</p>

<div class="search-box">
  <input type="text" id="search" placeholder="Search organizations...">
</div>

<div class="alphabet-nav">
  <button class="letter-btn active" data-letter="all">All</button>
  {% for letter in 'ABCDEFGHIJKLMNOPQRSTUVWXYZ' %}
  <button class="letter-btn" data-letter="{{ letter }}">{{ letter }}</button>
  {% endfor %}
</div>

<div id="results">
  {% for org in indices.organizations %}
  <details class="entity-item" data-name="{{ org.name }}" data-letter="{{ org.name[0] | upper }}" id="{{ org.name | slugify }}">
    <summary class="entity-summary">
      <span class="entity-name">{{ org.name }}</span>
      <span class="entity-count">{{ org.count }} {{ "document" if org.count == 1 else "documents" }}</span>
    </summary>
    <div class="entity-content">
      {% for doc in org.docs %}
      <div class="document-card-compact">
        <a href="/document/{{ doc.unique_id | slugify }}/" class="doc-link">
          <strong>Document {{ doc.document_number }}</strong>
        </a>
        <div class="meta-compact">
          {% if doc.document_metadata.document_type %}{{ doc.document_metadata.document_type }}{% endif %}
          {% if doc.document_metadata.date %} · {{ doc.document_metadata.date }}{% endif %}
          · {{ doc.page_count }} {{ "page" if doc.page_count == 1 else "pages" }}
        </div>
      </div>
      {% endfor %}
    </div>
  </details>
  {% endfor %}
</div>

<script>
  const search = document.getElementById('search');
  const results = document.getElementById('results');
  const letterBtns = document.querySelectorAll('.letter-btn');
  const allItems = results.querySelectorAll('.entity-item');

  search.addEventListener('input', (e) => {
    const query = e.target.value.toLowerCase();
    allItems.forEach(item => {
      const name = item.dataset.name.toLowerCase();
      item.style.display = name.includes(query) ? 'block' : 'none';
    });
  });

  letterBtns.forEach(btn => {
    btn.addEventListener('click', () => {
      const letter = btn.dataset.letter;
      letterBtns.forEach(b => b.classList.remove('active'));
      btn.classList.add('active');
      search.value = '';
      allItems.forEach(item => {
        if (letter === 'all') {
          item.style.display = 'block';
        } else {
          item.style.display = item.dataset.letter === letter ? 'block' : 'none';
        }
      });
    });
  });
</script>