/* Site footer — appears on every route. Houses the legal links, the pressing
   identification guide link, and the affiliate disclosure. */

function Footer({ onLegal, onPressingGuide, onList, onCollection }) {
  const year = new Date().getFullYear();
  return (
    <footer className="site-footer">
      <div className="sf-inner">
        <div className="sf-brand">
          <div className="sf-mast">The Lead-In</div>
          <p className="sf-tag">
            The one hundred greatest albums, defended in writing. Independent, ad-free, reader-accountable.
          </p>
        </div>

        <nav className="sf-col">
          <div className="sf-col-head">The site</div>
          <button className="sf-link" onClick={onList}>The List 100 to 1</button>
          <button className="sf-link" onClick={onCollection}>My Collection</button>
        </nav>

        <nav className="sf-col">
          <div className="sf-col-head">Collectors</div>
          <button className="sf-link" onClick={onPressingGuide}>Pressing identification guide</button>
          <button className="sf-link" onClick={onCollection}>Track your collection</button>
        </nav>

        <nav className="sf-col">
          <div className="sf-col-head">Follow</div>
          <a
            className="sf-link"
            href="https://www.instagram.com/the.leadin"
            target="_blank"
            rel="noopener noreferrer"
          >
            Instagram
          </a>
        </nav>

        <nav className="sf-col">
          <div className="sf-col-head">The small print</div>
          <button className="sf-link" onClick={onLegal}>Privacy &amp; terms</button>
        </nav>
      </div>

      <div className="sf-base">
        <span className="sf-copy">© {year} The Lead-In. All rights reserved.</span>
        <span className="sf-disclosure">
          As an affiliate, we may earn a small commission on vinyl purchases made through our links. The price you pay does not change.
        </span>
      </div>
    </footer>
  );
}

window.Footer = Footer;