import { Button } from "../../../../../components/ui/button";
import {
	Dialog,
	DialogContent,
	DialogDescription,
	DialogHeader,
	DialogTitle,
	DialogTrigger,
} from "../../../../../components/ui/dialog";
import Cards from "./Cards";
//import { toast } from "sonner";

export function AddCards() {
	return (
		<Dialog>
			<DialogTrigger asChild>
				<Button variant="outline">Add Cards</Button>
			</DialogTrigger>
			<DialogContent className="min-w-fit ">
				<DialogHeader>
					<DialogTitle>Cards</DialogTitle>
					<DialogDescription>
						Manage Cards and there settings.
					</DialogDescription>
				</DialogHeader>

				<div className="flex flex-row">
					<div className="">
						<Cards name={"ppoo"} inventory />
						<Cards name={"inv-empty"} rowType={"empty"} />
						<Cards name={"inv-fg"} rowType={"fg"} />
						<Cards name={"qualityCard"} />
					</div>
					<div className="">
						<Cards name={"inv-materials"} rowType={"materials"} />
						<Cards name={"inv-packaging"} rowType={"packaging"} />
						<Cards name={"inv-waste"} rowType={"waste"} />
						<Cards name={"openOrder"} inventory />
					</div>
				</div>

				{/* <DialogFooter>
                    <Button type="submit">Save changes</Button>
                </DialogFooter> */}
			</DialogContent>
		</Dialog>
	);
}
