import { Megaphone } from "lucide-react";
import Link from "next/link";
import { notFound, redirect } from "next/navigation";
import { getTranslations } from "next-intl/server";
import { updateAd } from "@/actions/admin-ads";
import { Button } from "@/components/ui/button";
import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
import { prisma } from "@/lib/prisma";
import { EditAdDeleteButton } from "../ads-table";

export default async function EditAd({
	params,
}: {
	params: Promise<{ id: string }>;
}) {
	const { session, permissions } = await getAdminContext();
	if (!canAccess(permissions, PERMS.PAGES_VIEW, session.user.rank)) {
		redirect("/admin");
	}

	const { id } = await params;
	let ad: Awaited<ReturnType<typeof prisma.websiteAds.findUnique>> = null;
	try {
		ad = await prisma.websiteAds.findUnique({ where: { id: BigInt(id) } });
	} catch {
		notFound();
	}
	if (!ad) notFound();

	const t = await getTranslations("pages.admin.ads");

	return (
		<main>
			<div className="flex items-center gap-3 mb-6">
				<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
					<Megaphone size={20} className="text-[var(--admin-accent)]" />
				</div>
				<div>
					<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
						{t("edit")} #{String(ad.id)}
					</h1>
					<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
						<Link href="/admin/ads">← {t("title")}</Link>
					</p>
				</div>
			</div>
			<form action={updateAd} className="admin-card">
				<input type="hidden" name="id" value={String(ad.id)} />
				<input
					name="image"
					defaultValue={ad.image}
					placeholder={t("form.imagePlaceholder")}
					required
					maxLength={255}
				/>
				<Button type="submit" variant="default">
					{t("form.save")}
				</Button>
			</form>
			<div style={{ marginTop: "1rem" }}>
				<EditAdDeleteButton id={String(ad.id)} />
			</div>
		</main>
	);
}