import Link from 'next/link';
import { BrandMark } from './brand-mark';
import { DISCLAIMER, FOOTER_NAV, CONTACT_EMAIL, AUTHOR_NAME, AUTHOR_URL, HOSTING_NAME, HOSTING_URL } from '@/lib/site';

export function SiteFooter() {
  return (
    <footer className="mt-16 border-t border-rule-strong bg-paper-2">
      <div className="mx-auto max-w-[1400px] px-4 py-8 sm:px-6">
        <div className="grid gap-6 md:grid-cols-[1.4fr_1fr]">
          <div>
            <p className="flex items-center gap-2 font-display text-lg">
              <BrandMark size={22} className="text-ink" />
              Cancer<span className="text-accent">Index</span>
            </p>
            <p className="mt-2 max-w-2xl text-[13px] leading-relaxed text-ink-2">{DISCLAIMER}</p>
            <p className="mt-2 max-w-2xl text-[12.5px] leading-relaxed text-ink-3">
              Every number links to its source and retrieval date. Derived metrics carry a formula version. AI-generated synthesis is not enabled in this phase; all content is database-grounded.
            </p>
          </div>
          <nav aria-label="Footer" className="grid grid-cols-2 gap-x-6 gap-y-1.5 text-[13px]">
            {FOOTER_NAV.map((n) => (
              <Link key={n.href} href={n.href} className="text-ink-2 no-underline hover:text-accent">
                {n.label}
              </Link>
            ))}
            <a href={`mailto:${CONTACT_EMAIL}`} className="text-ink-2 no-underline hover:text-accent">
              Contact · {CONTACT_EMAIL}
            </a>
            <Link href="/healthz" className="text-ink-2 no-underline hover:text-accent">
              Status
            </Link>
          </nav>
        </div>
        <p className="mt-6 text-[11.5px] text-ink-3">
          © {new Date().getUTCFullYear()} CancerIndex · built and maintained by{' '}
          <a href={AUTHOR_URL} className="text-ink-2 no-underline hover:text-accent" rel="author">
            {AUTHOR_NAME}
          </a>{' '}
          · contact <a href={`mailto:${CONTACT_EMAIL}`} className="text-ink-2 no-underline hover:text-accent">{CONTACT_EMAIL}</a> · hosted on{' '}
          <a href={HOSTING_URL} className="text-ink-2 no-underline hover:text-accent" target="_blank" rel="noopener noreferrer">
            {HOSTING_NAME}
          </a>{' '}
          (www.maclustr.io). Source data remains under the license of each provider — see /sources.
        </p>
      </div>
    </footer>
  );
}