import { useState } from 'react'
import { useTranslation } from 'react-i18next'
import type { ShowSummaryDto } from '@/shared/api/types'
import { Button } from '@/shared/ui/button'
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
} from '@/shared/ui/dialog'

/**
 * Подтверждение удаления шоу с выбором, что делать с его файлами.
 *
 * Галочка нужна потому, что медиа переживает шоу: серия ссылается на ассет по значению, внешнего
 * ключа между ними нет, и после удаления файлы остались бы в библиотеке ничьими, занимая место.
 * Спросить об этом здесь дешевле, чем потом искать осиротевшие гигабайты в списке медиа.
 */
export function DeleteShowDialog({
  show,
  pending,
  onConfirm,
  onClose,
}: Readonly<{
  show: ShowSummaryDto
  pending: boolean
  onConfirm: (options: { withMedia: boolean; withSchedule: boolean }) => void
  onClose: () => void
}>) {
  const { t } = useTranslation()
  const [withMedia, setWithMedia] = useState(false)
  const [withSchedule, setWithSchedule] = useState(false)
  const hasMedia = show.episodeCount > 0

  return (
    <Dialog open onOpenChange={(open) => !open && onClose()}>
      <DialogContent>
        <DialogHeader>
          <DialogTitle>{t('admin.shows.deleteTitle')}</DialogTitle>
          <DialogDescription>{t('admin.shows.deleteHint', { name: show.name })}</DialogDescription>
        </DialogHeader>

        {/* Занятость эфиром — самая частая причина отказа, и лечится она не всегда пересборкой:
            идущую запись она не трогает, а выключенный канал вещать и не начнёт. Поэтому здесь
            не только объяснение, но и способ довести удаление до конца. */}
        <label className="flex items-start gap-2 text-sm">
          <input
            type="checkbox"
            className="mt-1"
            checked={withSchedule}
            onChange={(e) => setWithSchedule(e.target.checked)}
          />
          <span>
            {t('admin.shows.deleteWithSchedule')}
            <span className="block text-xs text-muted-foreground">
              {t('admin.shows.deleteWithScheduleHint')}
            </span>
          </span>
        </label>

        {hasMedia && (
          <label className="flex items-start gap-2 text-sm">
            <input
              type="checkbox"
              className="mt-1"
              checked={withMedia}
              onChange={(e) => setWithMedia(e.target.checked)}
            />
            <span>
              {t('admin.shows.deleteWithMedia', { count: show.episodeCount })}
              <span className="block text-xs text-muted-foreground">
                {t('admin.shows.deleteWithMediaHint')}
              </span>
            </span>
          </label>
        )}

        <DialogFooter>
          <Button size="sm" variant="outline" onClick={onClose}>
            {t('common.cancel')}
          </Button>
          <Button
            size="sm"
            variant="destructive"
            disabled={pending}
            onClick={() => onConfirm({ withMedia, withSchedule })}
          >
            {t('common.delete')}
          </Button>
        </DialogFooter>
      </DialogContent>
    </Dialog>
  )
}