import { useAppPath } from '@core/hooks/useAppPath'
import { RecordListPage } from '../../components/records/RecordListPage'
import { Badge } from '@core/components/ui/badge'

const STATUS_LABELS: Record<string, string> = {
  roadmap: 'Roadmap',
  decomposing: 'Decomposing',
  ready: 'Ready',
  active: 'Active',
  completed: 'Completed',
  parked: 'Parked',
  cancelled: 'Cancelled',
}

const PRIORITY_LABELS: Record<string, string> = {
  p0: 'P0',
  p1: 'P1',
  p2: 'P2',
  p3: 'P3',
}

export default function InitiativesBoardPage() {
  const appPath = useAppPath()
  return (
    <RecordListPage
      typeSlug='workbench_initiative'
      title='Initiatives'
      getDetailRoute={record => appPath(`/planning/initiatives/${record.id}`)}
      createRoute={appPath('/planning/initiatives/new')}
      emptyMessage='No initiatives found.'
      columns={[
        { key: 'title', label: 'Title' },
        { key: 'status', label: 'Status', render: r => <Badge variant='secondary'>{STATUS_LABELS[r.status] || r.status || '—'}</Badge> },
        { key: 'priority', label: 'Priority', render: r => <Badge variant='outline'>{PRIORITY_LABELS[r.data?.priority] || r.data?.priority || '—'}</Badge> },
        { key: 'target_date', label: 'Target Date' },
        { key: 'updated_at', label: 'Updated' },
      ]}
    />
  )
}