// Footer compartilhado — usado em todas as páginas do site TS Corp.
function TSFooter() {
  const solutions = window.TS_SOLUTIONS || [];
  const footerScriptEl = document.querySelector('script[src$="ts-footer.jsx"]');
  const footerBase = footerScriptEl ? footerScriptEl.getAttribute('src').replace(/ts-footer\.jsx$/, '') : '';
  const logoSrc = footerBase + 'logo-dark.png';
  const tsCorp = [
    { label: 'Quem somos', href: 'quem-somos.html' },
    { label: 'Inovação', href: 'inovacao.html' },
    { label: 'Vagas', href: 'https://timesystem.zohorecruit.com/careers', ext: true }
  ];
  const relacionamento = [
    { label: 'Fale conosco', href: 'mailto:contato@tscorp.com.br' },
    { label: 'Ouvidoria', href: 'ouvidoria.html' }
  ];
  const legal = [
    { label: 'Trust Center', href: '/trust-center' },
    { label: 'Segurança da Informação', href: '/seguranca-da-informacao' },
    { label: 'Política de Privacidade', href: '/politica-de-privacidade' },
    { label: 'LGPD', href: '/lgpd' },
    { label: 'Compliance & Ética', href: '/compliance-etica' }
  ];
  const contato = ['Rua Romualdo Lopes Cançado, 200 - Castelo', 'Belo Horizonte - MG', '+55 (31) 98541-9941'];
  const col = (title, items) => (
    <div>
      <div style={{ fontSize: 13, fontWeight: 700, letterSpacing: '0.06em', marginBottom: '1.4rem' }}>{title}</div>
      {items.map((it) => <a key={it.label} href={it.href} target={it.ext ? '_blank' : undefined} rel={it.ext ? 'noopener' : undefined} style={{ display: 'block', fontSize: 14.5, color: 'var(--muted)', marginBottom: '0.7rem', textDecoration: 'none' }}>{it.label}</a>)}
    </div>
  );
  return (
    <footer style={{ background: 'oklch(0.95 0.005 200)', borderTop: '1px solid var(--border)', padding: '4.5rem 2rem 2rem' }}>
      <div style={{ maxWidth: 'var(--maxw)', margin: '0 auto' }}>
        <div className="footer-grid" style={{ display: 'grid', gridTemplateColumns: '1.3fr 1fr 1fr 1fr 1fr', gap: '2.5rem', marginBottom: '3.5rem' }}>
          <div>
            <div style={{ marginBottom: '1.1rem' }}><img src={logoSrc} alt="Grupo TS Corp" style={{ height: 50, width: 'auto' }} /></div>
            <p style={{ fontSize: 14.5, color: 'var(--muted)', lineHeight: 1.75, maxWidth: 320 }}>Tecnologia para transformar operações. Produtos, dados, pagamentos, processos e inteligência artificial conectados em um único ecossistema.</p>
            <div style={{ marginTop: '1.25rem', display: 'grid', gap: '0.35rem' }}>
              {contato.map((l) => <div key={l} style={{ fontSize: 13, color: 'var(--faint)' }}>{l}</div>)}
            </div>
          </div>
          <div>
            <div style={{ fontSize: 13, fontWeight: 700, letterSpacing: '0.06em', marginBottom: '1.4rem' }}>Soluções</div>
            {solutions.map((s) => <a key={s.key} href={s.href || undefined} style={{ display: 'flex', alignItems: 'center', gap: 8, fontSize: 14.5, color: 'var(--muted)', marginBottom: '0.7rem', textDecoration: 'none' }}>
              {s.title}{s.comingSoon && <span style={{ fontSize: 9.5, fontWeight: 700, color: 'var(--green)', background: 'oklch(0.55 0.18 168 / 0.12)', border: '1px solid oklch(0.55 0.18 168 / 0.3)', borderRadius: 'var(--r-pill)', padding: '2px 7px' }}>EM BREVE</span>}
            </a>)}
          </div>
          {col('TS Corp', tsCorp)}
          {col('Relacionamento', relacionamento)}
          {col('Segurança & Compliance', legal)}
        </div>
        <div style={{ borderTop: '1px solid var(--border)', paddingTop: '1.5rem', display: 'flex', justifyContent: 'space-between', alignItems: 'center', flexWrap: 'wrap', gap: '1rem' }}>
          <div style={{ fontSize: 12.5, color: 'var(--faint)' }}>© Grupo TS Corp 2026. Todos os direitos reservados.</div>
          <div style={{ display: 'flex', gap: '1.5rem' }}>
            <a href="/politica-de-privacidade" style={{ fontSize: 12.5, color: 'var(--faint)', textDecoration: 'none' }}>Privacidade</a>
            <a href="/ouvidoria" style={{ fontSize: 12.5, color: 'var(--faint)', textDecoration: 'none' }}>Ouvidoria</a>
          </div>
        </div>
      </div>
    </footer>
  );
}
window.TSFooter = TSFooter;