import type { Metadata } from "next";
import { headers } from "next/headers";
import { auth } from "@/lib/auth/server";
import { db, supportTickets, eq, desc } from "@epicure/db";
import { SupportManager } from "@/components/support/support-manager";
import { getMessages } from "@/lib/i18n/server";
import { getPublicUrl } from "@/lib/storage";

export const metadata: Metadata = {};

export default async function SupportPage() {
  const session = await auth.api.getSession({ headers: await headers() });
  if (!session) return null;
  const m = getMessages((session.user as { locale?: string }).locale);

  const rows = await db.query.supportTickets.findMany({
    where: eq(supportTickets.userId, session.user.id),
    orderBy: desc(supportTickets.createdAt),
    with: { attachments: true },
  });

  return (
    <div className="space-y-8 max-w-3xl">
      <div>
        <h1 className="text-2xl font-bold tracking-tight">{m.support.title}</h1>
        <p className="text-muted-foreground text-sm mt-1">{m.support.subtitle}</p>
      </div>
      <SupportManager
        initialTickets={rows.map((r) => ({
          id: r.id,
          type: r.type,
          title: r.title,
          description: r.description,
          status: r.status,
          giteaIssueUrl: r.giteaIssueUrl,
          createdAt: r.createdAt.toISOString(),
          attachments: r.attachments.map((a) => ({
            id: a.id,
            contentType: a.contentType,
            url: getPublicUrl(a.storageKey),
          })),
        }))}
      />
    </div>
  );
}
