// Burger Summit 2026 — Chrome: barra de urgência, header, footer
const { useState: useStateC, useEffect: useEffectC } = React;

function UrgencyBar({ loteText }) {
  return (
    <div className="urg dot-light">
      <div className="urg-in">
        <span className="pip" aria-hidden="true"></span>
        <span>{loteText || <>Lote 1 virando · <b>últimas vagas</b> com preço promocional</>}</span>
        <span style={{opacity:.5}}>·</span>
        <span className="urg-cd">Garanta agora antes do reajuste →</span>
      </div>
    </div>
  );
}

function Header({ onNav, onBuy, onMenu }) {
  const links = [
    ['Manifesto', 'manifesto'],
    ['Palestrantes', 'palestrantes'],
    ['Local', 'local'],
    ['Ingressos', 'ingressos'],
    ['FAQ', 'faq'],
  ];
  return (
    <header className="hdr">
      <div className="hdr-in">
        <a className="brand" href="#topo" onClick={(e)=>{e.preventDefault();onNav('topo');}}>
          <img src="assets/logo-bs-color.png" alt="Burger Summit 2026" />
        </a>
        <nav>
          {links.map(([label, id]) => (
            <a key={id} onClick={()=>onNav(id)}>{label}</a>
          ))}
        </nav>
        <button className="menu-btn" aria-label="Menu" onClick={onMenu}>
          <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.4"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
        </button>
        <a className="bs-btn bs-btn-primary bs-btn-sm hdr-cta" onClick={onBuy}>Garantir ingresso</a>
      </div>
    </header>
  );
}

function Footer({ onNav }) {
  return (
    <footer className="ftr">
      <span className="ghostmark" aria-hidden="true">SUMMIT</span>
      <div className="wrap ftr-in">
        <div className="lead-col">
          <img src="assets/logo-crest-color.png" alt="Burger Summit 2026" />
          <p>A Nação do Hambúrgueiro. O maior estádio do hambúrguer do Brasil.<br/>17–18 de agosto de 2026 · Centro de Convenções de Pernambuco, Recife/PE.</p>
        </div>
        <div className="cols">
          <div>
            <h5>Evento</h5>
            <a onClick={()=>onNav('manifesto')}>Manifesto</a>
            <a onClick={()=>onNav('palestrantes')}>Palestrantes</a>
            <a onClick={()=>onNav('edicoes')}>Edições anteriores</a>
            <a onClick={()=>onNav('local')}>Como chegar</a>
          </div>
          <div>
            <h5>Ingressos</h5>
            <a onClick={()=>onNav('vip')}>Ingresso VIP</a>
            <a onClick={()=>onNav('ingressos')}>Lotes e preços</a>
            <a onClick={()=>onNav('ingressos')}>Grupos (3+)</a>
            <a onClick={()=>onNav('faq')}>Dúvidas</a>
          </div>
          <div>
            <h5>Siga a Nação</h5>
            <a href="#ig" onClick={(e)=>e.preventDefault()}>Instagram</a>
            <a href="#yt" onClick={(e)=>e.preventDefault()}>YouTube</a>
            <a href="#wa" onClick={(e)=>e.preventDefault()}>WhatsApp</a>
            <a href="#tk" onClick={(e)=>e.preventDefault()}>TikTok</a>
          </div>
        </div>
      </div>
      <div className="botline">
        <span>© 2026 Burger Summit · A Nação do Hambúrgueiro. Todos os direitos reservados.</span>
        <span>Centro de Convenções de Pernambuco · Recife / PE</span>
      </div>
    </footer>
  );
}

Object.assign(window, { UrgencyBar, Header, Footer });
