import { useState } from "react";
import { AlertCircle } from "lucide-react";
import {
    Dialog,
    DialogContent,
    DialogDescription,
    DialogFooter,
    DialogHeader,
    DialogTitle,
} from "../../../components/ui/dialog.tsx";
import { Alert, AlertDescription } from "../../../components/ui/alert.tsx";
import { Button } from "../../../components/ui/button.tsx";
import { priorityWord } from "../../../components/ui/row-meta.tsx";
import type { BenchRow } from "../../../hooks/useBench.ts";
import { ActWithdrawn } from "../DiagnosticOrdersPage/ActWithdrawn.tsx";
import { dayAndTime } from "./benchTime.ts";

// Collection and receipt are separate acts: collecting moves the order, receiving mints the accession.
const COPY = {
    collect: {
        title: "Mark specimen collected",
        confirm: "Confirm the specimen has been collected for this order.",
        note: "This updates the order status. Do not treat it as accessioning or label printing.",
        action: "Mark collected",
        busy: "Marking collected…",
    },
    receive: {
        title: "Receive specimen",
        confirm: "Confirm the specimen for this order has been received.",
        note: "Receiving gives the specimen its accession number from its test specimen requirements.",
        action: "Receive specimen",
        busy: "Receiving…",
    },
} as const;

interface Props {
    mode: keyof typeof COPY;
    row?: BenchRow;
    onClose: () => void;
    /** Rejects with the words to show when nothing changed. */
    onConfirm: (row: BenchRow) => Promise<void>;
    /** At receipt only: the tube can be turned away instead of accepted. */
    onReject?: (row: BenchRow) => void;
    /** The caller may no longer make this write: the dialog stays readable and closable, and cannot send. */
    withdrawn?: boolean;
}

export const CollectDialog = ({ mode, row, onClose, onConfirm, onReject, withdrawn }: Props) => {
    const copy = COPY[mode];
    const [busy, setBusy] = useState(false);
    const [error, setError] = useState<string>();

    if (!row) return null;

    const ordered = dayAndTime(row.authoredOn);
    const detail = [ordered ? `Ordered ${ordered}` : undefined, priorityWord(row.priority), row.container, row.volume]
        .filter(Boolean)
        .join(" · ");

    const submit = async () => {
        setBusy(true);
        setError(undefined);
        try {
            await onConfirm(row);
        } catch (failure) {
            setError(failure instanceof Error ? failure.message : String(failure));
        } finally {
            setBusy(false);
        }
    };

    return (
        <Dialog open onOpenChange={(open) => { if (!open && !busy) onClose(); }}>
            <DialogContent className="bench-dialog">
                <DialogHeader>
                    <DialogTitle>{copy.title}</DialogTitle>
                </DialogHeader>

                <div className="bench-identity">
                    <strong>{`${row.patientDisplay ?? "Patient not recorded"} · ${row.test ?? "Test not recorded"}`}</strong>
                    {detail ? <span>{detail}</span> : null}
                </div>

                <DialogDescription>
                    {copy.confirm}
                </DialogDescription>
                <p className="ak-field-help">{copy.note}</p>

                {error ? (
                    <Alert variant="destructive">
                        <AlertCircle className="h-4 w-4" />
                        <AlertDescription>{error}</AlertDescription>
                    </Alert>
                ) : null}
                {withdrawn ? <ActWithdrawn /> : null}

                <DialogFooter>
                    {mode === "receive" && onReject ? (
                        <Button className="btn btn-red-ghost" disabled={busy} onClick={() => onReject(row)}>
                            Reject specimen
                        </Button>
                    ) : null}
                    <Button className="btn btn-green" disabled={busy || withdrawn} onClick={() => void submit()}>
                        {busy ? copy.busy : copy.action}
                    </Button>
                </DialogFooter>
            </DialogContent>
        </Dialog>
    );
};