import type { User } from "@halo-dev/api-client";
import { consoleApiClient, coreApiClient } from "@halo-dev/api-client";
import { Dialog, Toast } from "@halo-dev/components";
import type { Ref } from "vue";
import { onMounted, ref } from "vue";
import { useI18n } from "vue-i18n";

interface useUserFetchReturn {
  users: Ref<User[]>;
  loading: Ref<boolean>;
  handleFetchUsers: () => void;
}

export function useUserFetch(options?: {
  fetchOnMounted: boolean;
}): useUserFetchReturn {
  const { fetchOnMounted } = options || {};

  const users = ref<User[]>([] as User[]);
  const loading = ref(false);

  const ANONYMOUSUSER_NAME = "anonymousUser";

  const handleFetchUsers = async () => {
    try {
      loading.value = true;
      const { data } = await coreApiClient.user.listUser({
        fieldSelector: [`name!=${ANONYMOUSUSER_NAME}`],
      });
      users.value = data.items;
    } catch (e) {
      console.error("Failed to fetch users", e);
    } finally {
      loading.value = false;
    }
  };

  onMounted(() => {
    if (fetchOnMounted) {
      handleFetchUsers();
    }
  });

  return {
    users,
    loading,
    handleFetchUsers,
  };
}

export function useUserEnableDisable() {
  const { t } = useI18n();

  const handleEnableOrDisableUser = ({
    name,
    operation,
    onSuccess,
  }: {
    name: string;
    operation: "enable" | "disable";
    onSuccess?: () => void;
  }) => {
    const operations = {
      enable: {
        title: t("core.user.operations.enable.title"),
        description: t("core.user.operations.enable.description"),
        request: (name: string) =>
          consoleApiClient.user.enableUser({ username: name }),
        message: t("core.common.toast.enable_success"),
      },
      disable: {
        title: t("core.user.operations.disable.title"),
        description: t("core.user.operations.disable.description"),
        request: (name: string) =>
          consoleApiClient.user.disableUser({ username: name }),
        message: t("core.common.toast.disable_success"),
      },
    };

    const operationConfig = operations[operation];

    Dialog.warning({
      title: operationConfig.title,
      description: operationConfig.description,
      confirmType: "danger",
      confirmText: t("core.common.buttons.confirm"),
      cancelText: t("core.common.buttons.cancel"),
      onConfirm: async () => {
        try {
          await operationConfig.request(name);

          Toast.success(operationConfig.message);
          onSuccess?.();
        } catch (e) {
          console.error("Failed to enable or disable user", e);
        }
      },
    });
  };

  return {
    handleEnableOrDisableUser,
  };
}