import { useState } from 'react'
import { useNostrConnect } from '@/hooks/useNostrConnect'
import { useArticlePublishing } from '@/hooks/useArticlePublishing'
import type { ArticleDraft } from '@/lib/articlePublisher'
import { ArticleEditorForm } from './ArticleEditorForm'

interface ArticleEditorProps {
  onPublishSuccess?: (articleId: string) => void
  onCancel?: () => void
  seriesOptions?: { id: string; title: string }[]
  onSelectSeries?: ((seriesId: string | undefined) => void) | undefined
}

function NotConnectedMessage() {
  return (
    <div className="border rounded-lg p-6 bg-gray-50">
      <p className="text-center text-gray-600 mb-4">Please connect with Nostr to publish articles</p>
    </div>
  )
}

function SuccessMessage() {
  return (
    <div className="border rounded-lg p-6 bg-green-50 border-green-200">
      <h3 className="text-lg font-semibold text-green-800 mb-2">Article Published!</h3>
      <p className="text-green-700">Your article has been successfully published.</p>
    </div>
  )
}

export function ArticleEditor({ onPublishSuccess, onCancel, seriesOptions, onSelectSeries }: ArticleEditorProps) {
  const { connected, pubkey } = useNostrConnect()
  const { loading, error, success, publishArticle } = useArticlePublishing(pubkey ?? null)
  const [draft, setDraft] = useState<ArticleDraft>({
    title: '',
    preview: '',
    content: '',
    zapAmount: 800,
    media: [],
  })

  const submit = buildSubmitHandler(publishArticle, draft, onPublishSuccess)

  if (!connected) {
    return <NotConnectedMessage />
  }

  if (success) {
    return <SuccessMessage />
  }

  return (
    <ArticleEditorForm
      draft={draft}
      onDraftChange={setDraft}
      onSubmit={(e) => {
        e.preventDefault()
        void submit()
      }}
      loading={loading}
      error={error}
      {...(onCancel ? { onCancel } : {})}
      {...(seriesOptions ? { seriesOptions } : {})}
      {...(onSelectSeries ? { onSelectSeries } : {})}
    />
  )
}

function buildSubmitHandler(
  publishArticle: (draft: ArticleDraft) => Promise<string | null>,
  draft: ArticleDraft,
  onPublishSuccess?: (articleId: string) => void
) {
  return async () => {
    const articleId = await publishArticle(draft)
    if (articleId) {
      onPublishSuccess?.(articleId)
    }
  }
}