import { fetchAdminList } from "@/lib/admin-list";
import { PERMS } from "@/lib/permissions";
import { TradesTable } from "./trades-table";

export default async function TradeLogsPage({
  params: paramsPromise,
  searchParams,
}: {
  params: Promise<{ locale: string }>;
  searchParams: Promise<Record<string, string>>;
}) {
  const result = await fetchAdminList(
    {
      permission: PERMS.LOGS_VIEW,
      model: "trade",
      searchFields: ["userOne.username", "userTwo.username"],
      defaultPerPage: 50,
      include: {
        userOne: { select: { username: true } },
        userTwo: { select: { username: true } },
      },
      mapRow: (t) => ({
        id: t.id,
        userOneName: t.userOne.username,
        userTwoName: t.userTwo.username,
        status: t.status,
        timestamp: t.timestamp,
      }),
    },
    paramsPromise,
    searchParams,
  );

  return (
    <div className="space-y-6">
      <div>
        <h1 className="text-3xl font-bold tracking-tight">Trade Logs</h1>
        <p className="text-muted-foreground">View in-game trade history</p>
      </div>

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