export const dynamic = 'force-dynamic'

import { redirect } from 'next/navigation'
import { createClient } from '@/lib/supabase/server'
import { ReportForm } from '@/components/incidents/report-form'

interface Props {
  searchParams: Promise<{ zone?: string }>
}

export default async function ReportPage({ searchParams }: Props) {
  const { zone } = await searchParams
  const supabase = await createClient()
  const { data, error: authError } = await supabase.auth.getUser()

  if (authError || !data?.user) redirect(`/login?redirect=/report${zone ? `?zone=${zone}` : ''}`)

  let zoneData: { id: string; name: string; site_id: string; sites: { name: string } } | null = null

  if (zone) {
    const { data: zd } = await supabase
      .from('zones')
      .select('id, name, site_id, sites (name)')
      .eq('qr_code_token', zone)
      .single()
    zoneData = zd as typeof zoneData
  }

  return (
    <main className="min-h-screen bg-gray-50 py-6 px-4 max-w-lg mx-auto">
      <div className="mb-6">
        <h1 className="text-2xl font-bold text-gray-900">Report an Incident</h1>
        {zoneData ? (
          <p className="text-sm text-gray-600 mt-1">
            {(zoneData.sites as any)?.name ?? 'Unknown Site'} — {zoneData.name}
          </p>
        ) : (
          <p className="text-sm text-amber-600 mt-1">No zone detected — zone will not be recorded</p>
        )}
      </div>
      <ReportForm zoneToken={zone ?? null} zoneName={zoneData?.name ?? null} siteName={(zoneData?.sites as any)?.name ?? null} />
    </main>
  )
}