import { getServerApi } from '@garage/api/server'
import { InspectionGeneralInfo } from '@/modules/inspections/inspection-general-info'
import { InspectionDetailHeader } from '@/modules/inspections/inspection-detail-header'
import DashboardPage from '@/base/components/layout/dashboard/dashboard-page'

export default async function page(props: { params: Promise<{ id: string }> }) {
    const { id } = await props.params
    const api = await getServerApi()
    const inspection = await api.inspections.getById(id)

    if (!inspection.data) {
        return <div className="text-muted-foreground">Inspection not found.</div>
    }

    const data = inspection.data as { title?: string }

    return (
        <DashboardPage header={null}>
            <InspectionDetailHeader inspectionId={id} title={data.title} />
            <InspectionGeneralInfo inspection={inspection.data} />
        </DashboardPage>
    )
}
