import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
} from "../../../components/ui/dialog.tsx";
import { Button } from "../../../components/ui/button.tsx";
import type { DiagnosticOrderQueueRow } from "../../../hooks/useDiagnosticOrderQueue.ts";
import { formatDateTime } from "../../../utils/dateUtils";
import { Identity } from "./QueueOrderDialogs.tsx";

// A tube refused at receipt rejects the specimen, not the order: this says why and what happens next.
const RecollectionNeededDialog = ({ row, onClose }: { row?: DiagnosticOrderQueueRow; onClose: () => void }) => {
  if (!row) return null;
  const { reason, recorded } = row.rejection ?? {};
  return (
    <Dialog open onOpenChange={(open) => { if (!open) onClose(); }}>
      <DialogContent>
        <DialogHeader>
          <DialogTitle>Recollection needed</DialogTitle>
          <DialogDescription asChild>
            <div><Identity row={row} detail={row.orderedBy} /></div>
          </DialogDescription>
        </DialogHeader>
        <p>
          {"Specimen rejected: " + (reason ?? "no reason recorded")}
          {recorded ? <span className="ak-card__meta block">{"Recorded " + formatDateTime(recorded)}</span> : null}
        </p>
        <p>The order stays open. Record receipt only when the replacement specimen arrives.</p>
        <DialogFooter>
          <Button className="btn btn-blue" onClick={onClose}>Close</Button>
        </DialogFooter>
      </DialogContent>
    </Dialog>
  );
};

export default RecollectionNeededDialog;