// 폐찰하기 다이얼로그
"use client"

import { useState } from "react"
import { useSession } from "next-auth/react"
import { toast } from "sonner"
import { requestBiddingClosureWithApproval } from "@/lib/bidding/approval-actions"
import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { Input } from "@/components/ui/input"
import { Button } from "@/components/ui/button"
import { FileXIcon } from "lucide-react"

interface BiddingsClosureDialogProps {
    open: boolean;
    onOpenChange: (open: boolean) => void;
    bidding: {
      id: number;
      title: string;
      biddingNumber: string;
    } | null;
    onSuccess?: () => void;
  }
  
  export function BiddingsClosureDialog({
    open,
    onOpenChange,
    bidding,
    onSuccess
  }: BiddingsClosureDialogProps) {
    const { data: session } = useSession()
    const [description, setDescription] = useState('')
    const [files, setFiles] = useState<File[]>([])
    const [isSubmitting, setIsSubmitting] = useState(false)
  
    const handleSubmit = async (e: React.FormEvent) => {
      e.preventDefault()
  
      if (!bidding || !description.trim()) {
        toast.error('폐찰 사유를 입력해주세요.')
        return
      }
  
      setIsSubmitting(true)

      try {
        const result = await requestBiddingClosureWithApproval({
          biddingId: bidding.id,
          description: description.trim(),
          files,
          currentUser: {
            id: session?.user?.id ? Number(session.user.id) : 0,
            epId: session?.user?.epId || null,
            email: session?.user?.email || undefined,
          },
        })

        if (result.status === 'pending_approval') {
          toast.success('폐찰 결재가 상신되었습니다.')
          onOpenChange(false)
          // 폼 초기화
          setDescription('')
          setFiles([])
          if (onSuccess) {
            onSuccess()
          }
        } else {
          toast.error('결재 상신에 실패했습니다.')
        }
      } catch (error) {
        console.error('폐찰 결재 상신 실패:', error)
        toast.error(error instanceof Error ? error.message : '결재 상신 중 오류가 발생했습니다.')
      } finally {
        setIsSubmitting(false)
      }
    }

    const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
      if (e.target.files) {
        setFiles(Array.from(e.target.files))
      }
    }


    if (!bidding) return null
  
    return (
      <Dialog open={open} onOpenChange={onOpenChange}>
        <DialogContent className="max-w-2xl">
          <DialogHeader>
            <DialogTitle className="flex items-center gap-2">
              <FileXIcon className="h-5 w-5 text-destructive" />
              폐찰하기
            </DialogTitle>
            <DialogDescription>
              {bidding.title} ({bidding.biddingNumber})를 폐찰합니다.
            </DialogDescription>
          </DialogHeader>
  
          <form onSubmit={handleSubmit} className="space-y-4">
            <div className="space-y-2">
              <Label htmlFor="description">폐찰 사유 <span className="text-destructive">*</span></Label>
              <Textarea
                id="description"
                placeholder="폐찰 사유를 입력해주세요..."
                value={description}
                onChange={(e) => setDescription(e.target.value)}
                className="min-h-[100px]"
                required
              />
            </div>

            <div className="space-y-2">
              <Label htmlFor="files">첨부파일</Label>
              <Input
                id="files"
                type="file"
                multiple
                onChange={handleFileChange}
                className="cursor-pointer"
                accept=".pdf,.doc,.docx,.xls,.xlsx,.txt,.jpg,.jpeg,.png"
              />
              {files.length > 0 && (
                <div className="text-sm text-muted-foreground">
                  선택된 파일: {files.map(f => f.name).join(', ')}
                </div>
              )}
            </div>

            <div className="flex justify-end gap-2 pt-4">
              <Button
                type="button"
                variant="outline"
                onClick={() => onOpenChange(false)}
                disabled={isSubmitting}
              >
                취소
              </Button>
              <Button
                type="submit"
                variant="destructive"
                disabled={isSubmitting || !description.trim()}
              >
                {isSubmitting ? '상신 중...' : '결재 상신'}
              </Button>
            </div>
          </form>
        </DialogContent>
      </Dialog>
    )
  }