/* Footer — banda CTA + enlaces densos (SOPORTE/COMPAÑÍA/INFONAVIT/FOVISSSTE) */
(function () {
  function Col({ title, links }) {
    return (
      <div className="foot__col">
        <h4 className="foot__h">{title}</h4>
        <ul>
          {links.map((l) => (
            <li key={l.label}><a href={l.href} target="_blank" rel="noreferrer">{l.label}</a></li>
          ))}
        </ul>
      </div>
    );
  }

  function Footer({ data }) {
    const f = data.footer;
    const year = new Date().getFullYear();
    return (
      <footer className="foot">
        <div className="wrap foot__cta">
          <div>
            <h2 className="h2">¿Listo para tu avalúo?</h2>
            <p className="lead">Cotiza con un asesor o accede al sistema de gestión de avalúos.</p>
          </div>
          <div className="foot__cta-btns">
            <a className="btn btn-primary" href="#contacto" onClick={(e) => { e.preventDefault(); document.querySelector("#contacto")?.scrollIntoView({ behavior: "smooth" }); }}>
              Cotizar avalúo <Icon name="arrowRight" size={18} />
            </a>
            <a className="btn btn-ghost foot__login" href={data.loginUrl} target="_blank" rel="noreferrer">
              <Icon name="login" size={18} /> Acceder al sistema
            </a>
          </div>
        </div>

        <div className="wrap foot__main">
          <div className="foot__brand">
            <img src={(window.__resources && window.__resources.logoWordmark) || "assets/logo-hemel-wordmark.png"} alt="HEMEL" className="foot__word" />
            <p>Unidad de valuación registrada ante la Sociedad Hipotecaria Federal. Más de 25 años de servicios integrales inmobiliarios, financieros, industriales y agropecuarios.</p>
            <div className="foot__social">
              {data.social.map((s) => (
                <a key={s.icon} href={s.href} target="_blank" rel="noreferrer" aria-label={s.label}>
                  <Icon name={s.icon} size={19} />
                </a>
              ))}
            </div>
          </div>

          <div className="foot__cols">
            <Col title="Navegación" links={data.nav.map((n) => ({ label: n.label, href: n.href }))} />
            <Col title="Soporte" links={f.soporte} />
            <Col title="Compañía" links={f.compania} />
            <Col title="INFONAVIT" links={f.infonavit} />
            <Col title="FOVISSSTE · SHF" links={f.fovissste} />
          </div>
        </div>

        <div className="wrap foot__bottom">
          <span>© {year} HEMEL · Derechos reservados</span>
          <div className="foot__bottom-links">
            <a href="aviso-de-privacidad.html">Aviso de Privacidad</a>
            <a href="condiciones-de-uso.html">Condiciones de Uso</a>
            <span>By <a href="https://devclimbers.com" target="_blank" rel="noreferrer">Dev Climbers</a></span>
          </div>
        </div>
      </footer>
    );
  }

  window.Footer = Footer;
})();