// components/landing/SiteFooter.tsx
// Footer + permanently-visible "Bases del sorteo" link (ux.md 1.10). The bases
// link is prominent (not buried) because it is both a legal requirement and the
// consumer-facing contract. When basesUrl is absent, a clearly-labeled "pronto"
// note appears instead of a broken link.
//
// Legal block uses Teleton Peru's public institutional details (RUC, razon
// social, address, contact) as published on teleton.pe. No builder credit on a
// charity footer.

import * as React from "react";

export interface SiteFooterProps {
  basesUrl: string | null;
}

export function SiteFooter({ basesUrl }: SiteFooterProps) {
  return (
    <footer className="border-t border-hairline bg-canvas px-5 py-xxl">
      <div className="mx-auto flex max-w-[1200px] flex-col items-center gap-md text-center">
        {/* Bases del sorteo: permanently visible, prominent. */}
        {basesUrl ? (
          <a
            href={basesUrl}
            target="_blank"
            rel="noopener noreferrer"
            className="inline-flex min-h-[44px] items-center justify-center rounded-xl border-2 border-steelblue px-7 py-3 font-body text-button font-bold text-steelblue focus-visible:outline focus-visible:outline-[3px] focus-visible:outline-offset-2 focus-visible:outline-steelblue"
          >
            Bases del sorteo (abre en una pestaña nueva)
          </a>
        ) : (
          <p className="font-body text-body-md text-muted">
            Las bases del sorteo estarán disponibles pronto.
          </p>
        )}

        <p className="font-body text-body-md text-muted">
          Esta rifa es organizada por Teletón.
        </p>

        <address className="not-italic font-body text-caption text-muted">
          Fundación Teletón San Juan de Dios
          <br />
          RUC: 20523760689
          <br />
          Av. Petit Thouars 5162, Lima, Perú
          <br />
          teleton@teleton.pe
        </address>

        <p className="font-body text-caption text-muted">
          Todos los derechos reservados. Teletón Perú.
        </p>
      </div>
    </footer>
  );
}