import { useInitiativeOperations } from '../../context/InitiativeOperationsContext.jsx'
import { BacklogSection } from '../../components/BacklogSection.jsx'
import { LoadingState } from '../../components/LoadingState.jsx'

export function InitiativeInboxPage() {
  const {
    backlogItems,
    roadmapItems,
    capabilities,
    formBusy,
    error,
    loading,
    handleCreateBacklog,
    handleUpdateBacklog,
    handleReorderBacklog,
    handleConvertBacklog,
    handleDeleteBacklog,
  } = useInitiativeOperations()

  if (!capabilities.has('kairo.initiative.read')) {
    return null
  }

  if (loading) {
    return <LoadingState message="Lade Eingang …" />
  }

  return (
    <>
      {error && <p className="error">{error}</p>}
      <BacklogSection
        items={backlogItems}
        roadmapItems={roadmapItems}
        canManage={capabilities.has('kairo.backlog.manage')}
        onCreate={handleCreateBacklog}
        onUpdate={handleUpdateBacklog}
        onReorder={handleReorderBacklog}
        onConvert={handleConvertBacklog}
        onDelete={handleDeleteBacklog}
        busy={formBusy}
      />
    </>
  )
}