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"} />
                    </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>
    );
}