export const dynamic = 'force-dynamic'

import { notFound, redirect } from 'next/navigation'
import Link from 'next/link'
import { createClient } from '@/lib/supabase/server'
import { getSession } from '@/lib/auth/get-session'
import { InvestigationForm } from '@/components/incidents/investigation-form'

interface Props {
  params: Promise<{ id: string }>
}

export default async function InvestigationPage({ params }: Props) {
  const { id } = await params
  const session = await getSession()
  if (!session) redirect(`/login?redirect=/hse/incidents/${id}/investigation`)
  if (!['hse', 'admin'].includes(session.role)) redirect('/hse/incidents')

  const supabase = await createClient()

  const { data: incident } = await supabase
    .from('incidents')
    .select('id, reference_no, status')
    .eq('id', id)
    .single()

  if (!incident) notFound()
  if (!['triaged', 'investigating'].includes((incident as { status: string }).status))
    redirect(`/hse/incidents/${id}`)

  const { data: existing } = await supabase
    .from('investigations')
    .select('id')
    .eq('incident_id', id)
    .order('created_at', { ascending: false })
    .limit(1)
    .maybeSingle()

  return (
    <main className="max-w-2xl mx-auto px-4 py-6">
      <Link href={`/hse/incidents/${id}`} className="text-sm text-blue-600 hover:underline mb-4 inline-block">
        ← Back to incident
      </Link>
      <h1 className="text-xl font-bold text-gray-900 mb-1">Investigation Workspace</h1>
      <p className="text-sm text-gray-500 mb-6">{(incident as { reference_no: string | null }).reference_no ?? id}</p>
      <InvestigationForm
        incidentId={id}
        existingInvestigationId={(existing as { id: string } | null)?.id ?? null}
      />
    </main>
  )
}