import Link from "next/link";
import { notFound } from "next/navigation";
import { getTranslations } from "next-intl/server";
import { ContentCard } from "@/components/public/ui";
import { prisma } from "@/lib/prisma";

export const revalidate = 300;

function formatDate(d: Date | null | undefined): string {
  return d ? d.toISOString().slice(0, 19).replace("T", " ") : "";
}

export default async function RadioContestDetailPage({
  params,
}: {
  params: Promise<{ id: string }>;
}) {
  const { id } = await params;
  const t = await getTranslations("pages.radioContests");

  let contestId: bigint;
  try {
    contestId = BigInt(id);
  } catch {
    notFound();
  }

  const contest = await prisma.radioContests
    .findUnique({ where: { id: contestId! } })
    .catch(() => null);

  if (!contest) notFound();

  const active = contest.isActive ? "Active" : "Ended";

  return (
    <main style={{ display: "grid", gap: "1.5rem" }}>
      <p className="muted" style={{ margin: 0 }}>
        <Link href="/radio/contests">← Back to contests</Link>
      </p>

      <ContentCard icon="🎉" title={contest.title || `Contest #${contest.id}`} subtitle={active}>
        <table style={{ width: "100%" }}>
          <tbody>
            {contest.description ? (
              <tr>
                <th style={{ verticalAlign: "top", width: 120 }}>Description</th>
                <td>{contest.description}</td>
              </tr>
            ) : null}
            {contest.prize ? (
              <tr>
                <th>Prize</th>
                <td>{contest.prize}</td>
              </tr>
            ) : null}
            <tr>
              <th>Period</th>
              <td>
                {contest.startDate ? formatDate(contest.startDate) : "—"}
                {" — "}
                {contest.endDate ? formatDate(contest.endDate) : "ongoing"}
              </td>
            </tr>
            <tr>
              <th>Created</th>
              <td>{formatDate(contest.createdAt) || <span className="muted">—</span>}</td>
            </tr>
            <tr>
              <th>Updated</th>
              <td>{formatDate(contest.updatedAt) || <span className="muted">—</span>}</td>
            </tr>
          </tbody>
        </table>
      </ContentCard>
    </main>
  );
}