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";

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
    .select()
    .from(supportTickets)
    .where(eq(supportTickets.userId, session.user.id))
    .orderBy(desc(supportTickets.createdAt));

  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(),
        }))}
      />
    </div>
  );
}