/* global React */
function Footer({ navigate }) {
  const go = (e, r) => {e.preventDefault();navigate(r);};
  return (
    <footer className="footer-wrap">
      <div className="footer-inner">
        <div className="footer-grid">
          <div>
            <div className="gnav-brand" style={{ marginBottom: 16 }}>
              <span className="gnav-brand-mark">D52</span>
              <span className="gnav-brand-word">District 52</span>
            </div>
            <p>Developing high performing business owners across Dallas–Fort Worth.</p>
            <p style={{ marginTop: 8 }}>12222 Merit Dr. Ste. 270<br />Dallas, TX 75251</p>
          </div>
          <div>
            <h5>Site</h5>
            <ul>
              <li><a href="#/home" onClick={(e) => go(e, "home")}>Home</a></li>
              <li><a href="#/opportunities" onClick={(e) => go(e, "opportunities")}>Opportunities</a></li>
              <li><a href="#/about" onClick={(e) => go(e, "about")}>About us</a></li>
              <li><a href="#/agents" onClick={(e) => go(e, "agents")}>Our agents</a></li>
              <li><a href="#/contact" onClick={(e) => go(e, "contact")}>Contact us</a></li>
            </ul>
          </div>
          <div>
            <h5>Opportunities</h5>
            <ul>
              <li><a href="#/opportunities#direct" onClick={(e) => { e.preventDefault(); navigate("opportunities"); setTimeout(() => document.getElementById("direct")?.scrollIntoView({ behavior: "smooth", block: "start" }), 50); }}>Direct agency ownership</a></li>
              <li><a href="#/opportunities#associate" onClick={(e) => { e.preventDefault(); navigate("opportunities"); setTimeout(() => document.getElementById("associate")?.scrollIntoView({ behavior: "smooth", block: "start" }), 50); }}>Associate Agent path</a></li>
              <li><a href="#/opportunities#protege" onClick={(e) => { e.preventDefault(); navigate("opportunities"); setTimeout(() => document.getElementById("protege")?.scrollIntoView({ behavior: "smooth", block: "start" }), 50); }}>Protégé Mentorship path</a></li>
              <li><a href="#/opportunities" onClick={(e) => go(e, "opportunities")}>All paths to ownership</a></li>
            </ul>
          </div>
          <div>
            <h5>For agents</h5>
            <ul>
              <li><a href="#/login" onClick={(e) => go(e, "login")}>Log in</a></li>
              <li><a href="#/login" onClick={(e) => go(e, "login")}>Training portal</a></li>
              <li><a href="#/contact" onClick={(e) => go(e, "contact")}>Support</a></li>
            </ul>
          </div>
          <div>
            <h5>Contact</h5>
            <ul>
              <li><a href="tel:+19722340699">(972) 234-0699</a></li>
              <li><a href="mailto:recruit@district52.com">recruiting@dfwfarmersinsurance.com</a></li>
              <li><a href="#/contact" onClick={(e) => go(e, "contact")}>Schedule a visit</a></li>
            </ul>
          </div>
        </div>
        <div className="footer-legal">
          <div>© 2026 District 52. Not a contract of employment. Subsidy availability subject to district program terms.</div>
          <div style={{ display: "flex", gap: 18 }}>
            <a href="#">Privacy</a>
            <a href="#">Terms</a>
            <a href="#">Accessibility</a>
          </div>
        </div>
      </div>
    </footer>);

}

window.Footer = Footer;