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>
  )
}