/**
 * Table of Contents - Gera sumário automático de headings
 */

document.addEventListener('DOMContentLoaded', () => {
  const prose = document.getElementById('prose');
  const tocNav = document.getElementById('toc-nav');
  const tocList = document.getElementById('toc-list');

  if (!prose || !tocNav || !tocList) return;

  const headings = prose.querySelectorAll('h2, h3');
  if (!headings.length) return;

  const used = new Set();

  headings.forEach((h) => {
    // Gerar ID único baseado no texto
    let base = h.textContent
      .trim()
      .normalize('NFD')
      .replace(/[\u0300-\u036f]/g, '')
      .toLowerCase()
      .replace(/[^a-z0-9]+/g, '-')
      .replace(/^-+|-+$/g, '');

    let id = base || 'sec';
    let i = 2;
    while (used.has(id)) id = base + '-' + i++;

    h.id = id;
    used.add(id);

    // Criar item no sumário
    const li = document.createElement('li');
    li.className = 'toc-' + h.tagName.toLowerCase();

    const a = document.createElement('a');
    a.href = '#' + id;
    a.textContent = h.textContent;
    a.addEventListener('click', (e) => {
      e.preventDefault();
      h.scrollIntoView({ behavior: 'smooth', block: 'start' });
    });

    li.appendChild(a);
    tocList.appendChild(li);
  });

  // Mostrar sumário se houver conteúdo
  tocNav.style.display = '';
});