import { getTranslations } from "next-intl/server";
import Link from "next/link";
import { notFound, redirect } from "next/navigation";
import { ContentCard } from "@/components/public/ui";
import { auth } from "@/lib/auth";
import { prisma } from "@/lib/prisma";
import { postThread } from "@/actions/social";

export const dynamic = "force-dynamic";

export default async function NewThreadPage({
  params,
}: {
  params: Promise<{ id: string }>;
}) {
  const t = await getTranslations("pages.guildForumNew");
  const { id } = await params;
  const guildId = Number(id);
  if (!Number.isInteger(guildId) || guildId <= 0) notFound();

  // Auth gate: only logged-in users may open a thread.
  const session = await auth();
  if (!session?.user?.id) redirect("/login");

  // Guild header (read-only). A DB hiccup degrades to notFound rather than 500.
  let guild: { id: number; name: string } | null = null;
  try {
    guild = await prisma.guilds.findUnique({
      where: { id: guildId },
      select: { id: true, name: true },
    });
  } catch {
    guild = null;
  }

  if (!guild) notFound();

  return (
    <main style={{ display: "grid", gap: "1.5rem" }}>
      <p style={{ margin: 0 }}>
        <Link href={`/guilds/${guild.id}/forum`}>{t("backToForum")}</Link>
      </p>

      <ContentCard
        icon="✍️"
        title={t("title")}
        subtitle={t("subtitle", { guild: guild.name || t("unnamedGuild") })}
      >
        <form action={postThread}>
          {/* Guild target drives the write; the author is taken from the session
              inside the action, never from this form. */}
          <input type="hidden" name="guildId" value={String(guild.id)} />

          <label htmlFor="thread-subject" className="muted">
            {t("subjectLabel")}
          </label>
          <input
            id="thread-subject"
            name="subject"
            required
            maxLength={255}
            placeholder={t("subjectPlaceholder")}
            style={{ width: "100%", margin: "0.4rem 0 0.9rem" }}
          />

          <label htmlFor="thread-message" className="muted">
            {t("messageLabel")}
          </label>
          <textarea
            id="thread-message"
            name="message"
            required
            rows={8}
            placeholder={t("messagePlaceholder")}
            style={{ width: "100%", margin: "0.4rem 0 1rem", resize: "vertical" }}
          />

          <div style={{ display: "flex", gap: "0.5rem", alignItems: "center" }}>
            <button type="submit" className="btn btn-primary">
              {t("postThread")}
            </button>
            <Link href={`/guilds/${guild.id}/forum`} className="btn btn-outline">
              {t("cancel")}
            </Link>
          </div>
        </form>
      </ContentCard>
    </main>
  );
}