/* eslint-disable */
// Footer
function FootBar() {
  const year = new Date().getFullYear();
  return (
    <footer className="foot">
      <div className="foot__inner">
        <div className="foot__grid">
          <div className="foot__brand-block">
            <div className="hud__brand" style={{ fontFamily: "var(--font-display)", fontWeight: 800, fontSize: 18, letterSpacing: "var(--track-widest)", textTransform: "uppercase" }}>
              <span className="hud__glyph" aria-hidden="true"></span>
              <span>Whiskey Tango Industries</span>
            </div>
            <p className="foot__tagline">
              Independent operating company. Texas-headquartered.
              Multi-vertical. Privately held.
            </p>
          </div>

          <Col label="// Index" items={[["Top", "#top"], ["Operations", "#operations"], ["Personnel", "#personnel"], ["Status Board", "#board"], ["Comms", "#comms"]]} />
          <Col label="// Legal" items={[["Privacy Policy", "#"], ["Terms of Service", "#"]]} />
          <Col label="// Juris." items={[["State of Texas", null], ["Limited Liability Co.", null], ["EIN on File", null]]} />
        </div>

        <div className="foot__legal">
          <span>&copy; {year} Whiskey Tango Industries LLC. All rights reserved.</span>
          <span className="foot__regs">
            <span>WTI / TX-LLC</span>
            <span>EST. 2024</span>
            <span>BUILD 2.6.1</span>
          </span>
        </div>
      </div>
    </footer>
  );
}

function Col({ label, items }) {
  return (
    <div className="foot__col">
      <div className="foot__col-label">{label}</div>
      <ul>
        {items.map(([txt, href], i) => (
          <li key={i}>{href ? <a href={href}>{txt}</a> : <span>{txt}</span>}</li>
        ))}
      </ul>
    </div>
  );
}

window.FootBar = FootBar;