export const dynamic = 'force-dynamic'

import { createClient } from '@/lib/supabase/server'
import { IncidentList, type Incident } from '@/components/incidents/incident-list'
import { Pagination } from '@/components/incidents/pagination'

const PAGE_SIZE = 25

export default async function SupervisorInboxPage({
  searchParams,
}: {
  searchParams: Promise<{ page?: string }>
}) {
  const supabase = await createClient()
  const params = await searchParams
  const page = Math.max(1, Number.parseInt(params.page ?? '1', 10) || 1)
  const from = (page - 1) * PAGE_SIZE

  const { data: incidents, count } = await supabase
    .from('incidents')
    .select(`
      id, reference_no, incident_type, status, severity, reported_at,
      sites (name),
      zones (name),
      reporter:users!reported_by (name)
    `, { count: 'exact' })
    .order('reported_at', { ascending: false })
    .range(from, from + PAGE_SIZE - 1)

  return (
    <main className="max-w-4xl mx-auto px-4 py-6">
      <div className="flex items-center justify-between mb-6">
        <h1 className="text-2xl font-bold text-gray-900">Incident Inbox</h1>
        <span className="text-sm text-gray-500">{count ?? incidents?.length ?? 0} incidents</span>
      </div>
      <IncidentList incidents={(incidents ?? []) as unknown as Incident[]} basePath="/supervisor" />
      <Pagination page={page} pageSize={PAGE_SIZE} total={count ?? 0} href="/supervisor/incidents" />
    </main>
  )
}