/* shared/Chrome.jsx — brand chrome: Nav, Footer, TrustBanner.
   Reads everything from Portal.brand / Portal.cfg. Globals: React, Portal, Icon. */
/* eslint-disable */

function Nav({ light }) {
  const b = Portal.brand;
  const nav = Portal.c("nav", {});
  return (
    <nav className={Portal.cx("nav", light && "light")}>
      <a className="brand" href={b.propertyUrl || "#/"}>
        <span className="num">{b.wordmarkNumber || b.name}</span>
        <span className="name">{b.wordmarkName || ""}</span>
      </a>
      <div className="nav-links">
        {b.propertyUrl && (
          <a className="hide-sm" href={b.propertyUrl}>{nav.back || "← Property site"}</a>
        )}
        <a className="cta-mini" href="#/apply">{nav.apply || "Apply"}</a>
      </div>
    </nav>
  );
}

function Footer() {
  const b = Portal.brand;
  const c = b.contact || {};
  return (
    <footer className="foot">
      <div className="foot-grid">
        <div className="col">
          <h3>Let's get <em>started</em>.</h3>
          <p className="body" style={{ color: "rgba(244,237,224,.78)", maxWidth: 360 }}>
            {b.tagline}
          </p>
        </div>
        <div className="col">
          <h4>Leasing</h4>
          <p>{c.name}</p>
          <p style={{ opacity: .6 }}>{c.title}</p>
          {c.email && <a href={"mailto:" + c.email}>{c.email}</a>}
          {c.phone && <a href={"tel:" + (c.phone || "").replace(/[^\d+]/g, "")}>{c.phone}</a>}
        </div>
        <div className="col">
          <h4>{b.name}</h4>
          {b.propertyUrl && <a href={b.propertyUrl}>{b.propertyUrl.replace(/^https?:\/\//, "")}</a>}
          <p style={{ opacity: .6 }}>{c.company || b.legalName}</p>
        </div>
      </div>
      <div className="colophon">
        <span>© {b.legalName}</span>
        <span>Secure application · encrypted in transit &amp; at rest</span>
      </div>
    </footer>
  );
}

function TrustBanner({ text }) {
  return (
    <div className="trust-banner">
      <span className="lock"><Icon name="lock" size={20} /></span>
      <span className="tb-text">{text || Portal.c("stage2.trustBanner")}</span>
    </div>
  );
}

/* loading + error helpers reused across views */
function CenterLoad({ label }) {
  return <div className="center-load"><span className="spinner" />{label || "Loading"}</div>;
}