import { fetchAdminList } from '@/lib/admin-list'
import { PERMS } from '@/lib/permissions'
import { ChatTable } from './chat-table'

export default async function ChatLogsPage({
  params: paramsPromise,
  searchParams,
}: {
  params: Promise<{ locale: string }>
  searchParams: Promise<Record<string, string>>
}) {
  const result = await fetchAdminList(
    {
      permission: PERMS.LOGS_VIEW,
      model: 'chatLog',
      searchFields: ['message', 'user.username'],
      defaultPerPage: 50,
      include: { user: { select: { username: true } } },
      mapRow: (l) => ({
        id: l.id,
        username: l.user.username,
        message: l.message,
        timestamp: l.timestamp,
        roomId: l.roomId,
      }),
    },
    paramsPromise,
    searchParams,
  )

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

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