import Link from "next/link";
import { BrandWordmark } from "@/components/BrandWordmark";
import { platformStatus } from "@/lib/status";
import { ProgressPill } from "./ProgressPill";

export function SiteFooter() {
  return (
    <footer className="mt-auto border-t border-nexus-border bg-white/50">
      <div className="mx-auto grid max-w-6xl gap-8 px-4 py-10 sm:px-6 md:grid-cols-3">
        <div>
          <BrandWordmark size="sm" showTagline />
          <p className="mt-3 text-sm text-nexus-muted">
            En kontrolleret platform-oplevelse oven på Windows — bygget til moderne
            virksomheds-PC&apos;er. POC/testplatform, ikke produktion.
          </p>
          <div className="mt-3">
            <ProgressPill label={platformStatus.pocLabel} variant="amber" />
          </div>
        </div>
        <div>
          <p className="text-sm font-semibold text-nexus-navy">Sider</p>
          <ul className="mt-2 space-y-1 text-sm text-nexus-muted">
            <li><Link href="/forside" className="hover:text-nexus-navy">Forside</Link></li>
            <li><Link href="/om-nexus" className="hover:text-nexus-navy">Om Nexus</Link></li>
            <li><Link href="/ideen-bag" className="hover:text-nexus-navy">Ideen bag</Link></li>
            <li><Link href="/support" className="hover:text-nexus-navy">Support</Link></li>
            <li><Link href="/downloads" className="hover:text-nexus-navy">Downloads</Link></li>
          </ul>
        </div>
        <div>
          <p className="text-sm font-semibold text-nexus-navy">Status</p>
          <ul className="mt-2 space-y-1 text-sm text-nexus-muted">
            <li>Build {platformStatus.latestBuild} · {platformStatus.latestVersion}</li>
            <li>{platformStatus.testsPassed} unit tests</li>
            <li>Kanal: {platformStatus.channel}</li>
          </ul>
        </div>
      </div>
      <div className="border-t border-nexus-border px-4 py-4 text-center text-xs text-nexus-muted sm:px-6">
        © {new Date().getFullYear()} NinjaKernen · nexus.ninjakernen.info
      </div>
    </footer>
  );
}
