// Footer.jsx - TBS Digital Labs Website
Object.assign(window, {
  SiteFooter: function({ onNavigate }) {
    const t = darkTheme;
    var serviceNav = typeof SERVICE_NAV !== 'undefined' ? SERVICE_NAV : [];

    const navBtn = function (label, key) {
      return (
        <button type="button" key={label + '-' + key} onClick={function () { onNavigate(key); }} className="ds-footer-nav-link">
          {label}
        </button>
      );
    };

    var companyLinks = [
      ['Work', 'work'],
      ['About', 'about'],
      ['Insights', 'insights'],
      ['Contact', 'contact'],
    ];

    return (
      <footer className="ds-site-footer" style={{ background: t.bgDeep, borderTop: '1px solid ' + t.border2 }}>
        <div className="ds-content-wrap">
          <div className="ds-footer-main">
            <div className="ds-footer-brand">
              <button type="button" className="ds-footer-logo-btn" onClick={function () { onNavigate('home'); }} aria-label="TBS Digital Labs home">
                <img src={t.logoFooter} alt="" className="ds-footer-logo" height={t.logoFooterHeight} decoding="async" />
              </button>
              <p className="ds-footer-tagline">
                Strategy-led growth consultancy built by a team with deep editorial and publisher experience.
              </p>
              <a href="mailto:hello@tbsdigitallabs.com" className="ds-footer-email">hello@tbsdigitallabs.com</a>
              <div className="ds-footer-social">
                <a href="https://www.linkedin.com/company/tbs-digital-labs/" target="_blank" rel="noopener noreferrer">LinkedIn</a>
                <span className="ds-footer-dot" aria-hidden="true">·</span>
                <a href="https://www.instagram.com/tbsdigitallabs/" target="_blank" rel="noopener noreferrer">Instagram</a>
              </div>
              <button type="button" onClick={function () { onNavigate('contact'); }} className="ds-footer-cta-link">
                Start a conversation →
              </button>
            </div>

            <div className="ds-footer-nav-groups">
              <div className="ds-footer-nav-group">
                <div className="ds-footer-nav-label">Services</div>
                <div className="ds-footer-nav-list ds-footer-nav-list--cols">
                  {serviceNav.map(function (svc) { return navBtn(svc.label, svc.slug); })}
                </div>
              </div>
              <div className="ds-footer-nav-group">
                <div className="ds-footer-nav-label">Company</div>
                <div className="ds-footer-nav-list">
                  {companyLinks.map(function (item) { return navBtn(item[0], item[1]); })}
                </div>
              </div>
            </div>
          </div>

          <div className="ds-footer-parent">
            <img
              src="/logos/sentral-media-group.png"
              alt="Sentral Media Group"
              className="ds-footer-parent-logo"
              loading="lazy"
              decoding="async"
            />
            <p className="ds-footer-parent-copy">TBS Digital Labs is a Sentral Group owned company.</p>
          </div>

          <div className="ds-footer-legal-row">
            <span className="ds-footer-legal-copy">&copy; 2026 Sentral Media Group. All rights reserved.</span>
            <span className="ds-footer-legal-meta">
              <span>Sydney, Australia</span>
              <span className="ds-footer-dot" aria-hidden="true">·</span>
              <a href="https://www.tbsdigitallabs.com/privacy" target="_blank" rel="noopener noreferrer">Privacy Policy</a>
            </span>
          </div>
        </div>
      </footer>
    );
  },
});