/**
 * symbols.ts — Symbol list page behaviour.
 *
 * - Live text filter on symbol addresses (data-addr attribute)
 * - Client-side kind filter (fn / class / sym) via data-kind attribute
 */

export function initSymbols(): void {
  const searchInput = document.getElementById('sym2-search-input') as HTMLInputElement | null;
  const kindBtns = Array.from(document.querySelectorAll<HTMLElement>('[data-kind]'));
  const rows = Array.from(document.querySelectorAll<HTMLElement>('.sym2-row'));
  let activeKind = '';

  function applyFilter(): void {
    const q = searchInput ? searchInput.value.toLowerCase() : '';
    rows.forEach((row) => {
      const addr = (row.dataset.addr ?? '').toLowerCase();
      const kind = row.dataset.kind ?? '';
      const matchQ = !q || addr.includes(q);
      const matchKind = !activeKind || kind === activeKind;
      row.classList.toggle('sym2-row--hidden', !(matchQ && matchKind));
    });
  }

  if (searchInput) {
    searchInput.addEventListener('input', applyFilter);
  }

  kindBtns.forEach((btn) => {
    btn.addEventListener('click', () => {
      activeKind = btn.dataset.kind ?? '';
      kindBtns.forEach((b) => b.classList.remove('sym2-pill--active'));
      btn.classList.add('sym2-pill--active');
      applyFilter();
    });
  });
}