// Locked-IA site nav for inner pages.
// Marks the current page with .is-current. "Get in touch" is a CTA pill on the right.
function SiteNav({ current = 'home', onContact, onNavigate }) {
  const items = [
    { id: 'home',           label: 'Home',          href: 'Home.html' },
    { id: 'common-ground',  label: 'Common Ground', href: 'Common Ground.html' },
    { id: 'services',       label: 'Services',      href: 'Services.html' },
    { id: 'training',       label: 'Training',      href: 'Training.html' },
    { id: 'about',          label: 'About',         href: 'About.html' },
  ];
  return (
    <nav className="site-nav">
      <span className="nav-brand">
        <img className="nav-mono" src="../assets/logo-lg-monogram.svg" alt="" aria-hidden="true" />
        <span className="nav-name">Lee Giordano</span>
      </span>
      <div className="nav-links">
        {items.map((it) => (
          <a
            key={it.id}
            href={it.href}
            className={current === it.id ? 'is-current' : ''}
            onClick={(e) => {
              if (it.href === '#') {
                e.preventDefault();
                onNavigate?.(it.id);
              }
            }}
          >{it.label}</a>
        ))}
        <a className="nav-cta" onClick={(e) => { e.preventDefault(); onContact?.(); }}>Get in touch</a>
      </div>
    </nav>
  );
}

window.SiteNav = SiteNav;