ims/app/(protected)/hse/incidents/[id]/capa/new/page.tsx

export const dynamic = 'force-dynamic'

import { notFound, redirect } from 'next/navigation'
import Link from 'next/link'
import { createClient } from '@/lib/supabase/server'
import { CapaForm } from '@/components/capa/capa-form'

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

export default async function NewCapaPage({ params }: Props) {
  const { id } = await params
  const supabase = await createClient()
  const { data, error: authError } = await supabase.auth.getUser()
  if (authError || !data?.user) redirect(`/login?redirect=/hse/incidents/${id}/capa/new`)

  const { data: profile } = await supabase
    .from('users').select('role').eq('id', data.user.id).single()
  if (!profile || !['hse', 'admin'].includes(profile.role)) redirect('/hse/incidents')

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

  const { data: users } = await supabase
    .from('users')
    .select('id, name, department')
    .eq('role', 'capa_owner')
    .order('name')

  return (
    <main className="max-w-lg 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">Add CAPA Action</h1>
      <p className="text-sm text-gray-500 mb-6">
        {(incident as { reference_no: string | null }).reference_no ?? id}
      </p>
      <CapaForm
        incidentId={id}
        users={(users ?? []) as Array<{ id: string; name: string; department: string }>}
      />
    </main>
  )
}