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

const PHASE_LABELS: Record<string, string> = {
  current: 'Current',
  future: 'Future',
  completed: 'Completed',
}

export default function EpicsBoardPage() {
  const appPath = useAppPath()
  return (
    <RecordListPage
      typeSlug='workbench_epic'
      title='Epics'
      getDetailRoute={record => appPath(`/planning/epics/${record.id}`)}
      createRoute={appPath('/planning/epics/new')}
      emptyMessage='No epics found.'
      columns={[
        { key: 'title', label: 'Title' },
        { key: 'phase', label: 'Phase', render: r => <Badge variant='secondary'>{PHASE_LABELS[r.data?.phase] || r.data?.phase || '—'}</Badge> },
        { key: 'team', label: 'Team', render: r => <Badge variant='outline'>{r.data?.team || '—'}</Badge> },
        { key: 'target_date', label: 'Target Date' },
        { key: 'updated_at', label: 'Updated' },
      ]}
    />
  )
}