import React from "react";
import { redirect } from "next/navigation";
import { useMutation } from "@tanstack/react-query";
import { AxiosError } from "axios";
import { Text } from "@mantine/core";
import { modals } from "@mantine/modals";
import { HttpValidationError, ModuleSchemaOutput } from "@/lib/client";
import { deleteModuleMutation } from "@/lib/client/@tanstack/react-query.gen";
import { notifications } from "@/lib/notifications";

export type ModulesActions = {
    onUpdate: (module: ModuleSchemaOutput) => void;
    onDelete: (module: ModuleSchemaOutput) => void;
};

type Props = {
    refetchModules: () => void;
};

const useModulesActions = ({ refetchModules }: Props): ModulesActions => {
    const onUpdate = (module: ModuleSchemaOutput) => {
        redirect(`/module-editor/${module.id}`);
    };

    const onError = (error: AxiosError<HttpValidationError>, _: any) => {
        console.error(error);
        notifications.error({
            message: error.response?.data?.detail as string | undefined,
        });
    };

    const deleteMutation = useMutation({
        ...deleteModuleMutation(),
        onError,
        onSuccess: refetchModules,
    });

    const onDelete = (module: ModuleSchemaOutput) => {
        modals.openConfirmModal({
            title: "Удаление услуги из сделки",
            children: (
                <Text>
                    Вы уверены, что хотите удалить модуль "{module.label}"?
                </Text>
            ),
            confirmProps: { color: "red" },
            onConfirm: () => deleteMutation.mutate({ path: { pk: module.id } }),
        });
    };

    return {
        onUpdate,
        onDelete,
    };
};

export default useModulesActions;
