"use client"

import { useState } from "react"
import { useAuthApi } from "@/shared/useApi"
import { useRouter } from "next/navigation"
import { Button } from "@/shared/components/ui/button"
import {
    DropdownMenu,
    DropdownMenuContent,
    DropdownMenuItem,
    DropdownMenuTrigger,
} from "@/shared/components/ui/dropdown-menu"
import { confirm } from "@/shared/components/confirm-dialog"
import { Ellipsis, Printer, Share2, Trash2 } from "lucide-react"
import { toast } from "sonner"
import { useDocumentPrint } from "@/shared/hooks/use-document-print"
import { ShareDocumentDialog } from "@/shared/components/share-document-dialog"

type PurchaseOrderActionsProps = {
    purchaseOrderId: string
}

export function PurchaseOrderActions({ purchaseOrderId }: PurchaseOrderActionsProps) {
    const api = useAuthApi()
    const router = useRouter()
    const { print, isPrinting } = useDocumentPrint()
    const [shareOpen, setShareOpen] = useState(false)

    const handleDelete = async () => {
        const confirmed = await confirm({
            title: "Delete this purchase order?",
            description: "This action cannot be undone.",
            confirmLabel: "Delete",
            variant: "destructive",
        })
        if (!confirmed) return

        const promise = api.purchaseOrders.destroy(purchaseOrderId)
        toast.promise(promise, {
            loading: "Deleting purchase order...",
            success: "Purchase order deleted",
            error: "Failed to delete purchase order",
        })
        await promise
        router.push("/purchase/purchase-order")
    }

    return (
        <>
            <DropdownMenu>
                <DropdownMenuTrigger asChild>
                    <Button variant="ghost" size="icon">
                        <Ellipsis className="size-4" />
                    </Button>
                </DropdownMenuTrigger>
                <DropdownMenuContent align="end">
                    <DropdownMenuItem onClick={() => print("purchase_order", purchaseOrderId, "print")} disabled={isPrinting}>
                        <Printer className="size-4" />
                        {isPrinting ? "Printing..." : "Print"}
                    </DropdownMenuItem>
                    <DropdownMenuItem onClick={() => setShareOpen(true)}>
                        <Share2 className="size-4" />
                        Share
                    </DropdownMenuItem>
                    <DropdownMenuItem variant="destructive" onClick={handleDelete}>
                        <Trash2 className="size-4" />
                        Delete
                    </DropdownMenuItem>
                </DropdownMenuContent>
            </DropdownMenu>

            <ShareDocumentDialog type="purchase_order" id={purchaseOrderId} open={shareOpen} onOpenChange={setShareOpen} />
        </>
    )
}