import Link from "next/link";
import { Button } from "@/components/ui/button";
import { fetchAdminList } from "@/lib/admin-list";
import { PERMS } from "@/lib/permissions";
import { PollsTable } from "./polls-table";

export default async function PollsPage({
	params: paramsPromise,
	searchParams,
}: {
	params: Promise<{ locale: string }>;
	searchParams: Promise<Record<string, string>>;
}) {
	const result = await fetchAdminList(
		{
			permission: PERMS.POLLS_VIEW,
			model: "websitePoll",
			searchFields: ["title"],
			defaultSort: { createdAt: "desc" },
			mapRow: (p: {
				id: number;
				title: string;
				status: string;
				showResults: number;
				multipleChoice: number;
				startsAt: Date | null;
				endsAt: Date | null;
				createdAt: Date;
			}) => ({
				id: p.id,
				title: p.title,
				status: p.status,
				showResults: p.showResults,
				multipleChoice: p.multipleChoice,
				startsAt: p.startsAt,
				endsAt: p.endsAt,
				createdAt: p.createdAt,
			}),
		},
		paramsPromise,
		searchParams,
	);

	return (
		<div className="space-y-6">
			<div className="flex items-center justify-between">
				<div>
					<h1 className="text-3xl font-bold tracking-tight">Polls</h1>
					<p className="text-muted-foreground">
						Manage community polls and surveys
					</p>
				</div>
				<Button asChild>
					<Link href="/admin/polls/create">New Poll</Link>
				</Button>
			</div>

			<PollsTable
				data={{
					rows: result.rows,
					total: result.total,
					page: result.page,
					perPage: result.perPage,
					lastPage: result.lastPage,
				}}
			/>
		</div>
	);
}