import { deleteCookie, getCookie, setCookie } from "@/lib/cookies";
import {
  clearRecaptchaVerifier,
  FirebaseInstance,
  getFirebaseErrorMessage,
  initializeRecaptchaVerifier,
} from "@/lib/firebase";
import {
  googleLogin,
  appleLogin,
  login,
  registerUser,
  verifyUser,
  logout as logoutApi,
} from "@/routes/api";
import { ApiResponse, userData } from "@/types/ApiResponse";
import { addToast } from "@heroui/react";
import { FirebaseError } from "firebase/app";
import {
  ConfirmationResult,
  RecaptchaVerifier,
  signInWithPhoneNumber,
  signInWithPopup,
  User,
} from "firebase/auth";
import { GetServerSidePropsContext } from "next";
import { logout, login as ReduxLogin } from "@/lib/redux/slices/authSlice";
import { AppDispatch } from "@/lib/redux/store";
import { parse } from "cookie";
import { store } from "@/lib/redux/store";
import Router from "next/router";
import {
  updateCartData,
  updateDataOnAuth,
  syncOfflineCartToServer,
} from "./updators";
import { clearCart } from "@/lib/redux/slices/cartSlice";
import i18n from "../../i18n";
import {
  setAnalyticsUserId,
  setAnalyticsUserProperties,
  trackLogin,
  trackSignUp,
} from "@/lib/analytics";

declare global {
  interface Window {
    recaptchaVerifier: RecaptchaVerifier;
    firebaseInstance?: FirebaseInstance;
    confirmationResult?: ConfirmationResult;
    prefillRegisterEmail?: string;
    prefillUserName?: string;
    prefillRegisterFromGoogle?: boolean;
  }
}

// Define proper types for field errors
interface FieldErrors {
  email?: string;
  phone?: string;
  password?: string;
  confirmPassword?: string;
  name?: string;
}

type GoogleLoginOptions = {
  setIsLoading?: (loading: boolean) => void;
  onOpenChange?: () => void;
  context?: "login" | "register";
};

export const handleGoogleLogin = async ({
  setIsLoading = () => {},
  onOpenChange = () => {},
  context = "login",
}: GoogleLoginOptions): Promise<void> => {
  try {
    setIsLoading(true);
    const firebaseInstance = window.firebaseInstance;

    if (!firebaseInstance) {
      addToast({ title: "Firebase not initialized", color: "danger" });
      return console.error("Firebase not initialized");
    }

    const result = await signInWithPopup(
      firebaseInstance.auth,
      firebaseInstance.googleProvider,
    );
    const user: User = result.user;

    const idToken = await user.getIdToken();
    const fcm_token = localStorage.getItem("fcm-token") || undefined;

    const res: ApiResponse<userData> = await googleLogin({
      idToken: idToken || "",
      fcm_token,
      device_type: "web",
    });

    if (res.success && res.data) {
      setCookie("user", res?.data);
      setCookie("access_token", res?.access_token || "");

      store.dispatch(
        ReduxLogin({
          user: res.data,
          access_token: res?.access_token || "",
        }),
      );

      // Sync offline cart items to server
      await syncOfflineCartToServer();

      updateDataOnAuth();
      updateCartData(false, false, 0);

      // Track analytics
      setAnalyticsUserId(res.data.id.toString());
      setAnalyticsUserProperties({
        login_method: "google",
        user_type: "customer",
      });
      trackLogin("google");

      addToast({
        title: i18n.t("login_modal.welcome_title"),
        description: i18n.t("login_modal.login_success_toast"),
        color: "success",
      });
      onOpenChange();
    } else {
      if (res.data?.new_user) {
        try {
          window.prefillRegisterEmail = user.email || "";
          window.prefillRegisterFromGoogle = true;
          window.prefillUserName = user.displayName || "";

          if (context === "login") {
            onOpenChange();
            const btn = document.getElementById("register-btn");
            if (btn) {
              setTimeout(() => btn.click(), 150);
            }
          } else {
            window.dispatchEvent(
              new CustomEvent("register-prefill", {
                detail: {
                  email: user.email || "",
                  name: user.displayName || "",
                },
              }),
            );
          }
        } catch (err) {
          console.error("Failed to open register modal:", err);
        }
      }
    }
  } catch (error) {
    console.error("Google login error:", error);
    let errorMessage: string = "Failed to login with Google. Please try again.";

    if (error instanceof Error) {
      if (error.message.includes("popup-closed")) {
        errorMessage = "Login was cancelled.";
      } else if (error.message.includes("popup-blocked")) {
        errorMessage = "Popup was blocked. Please allow popups and try again.";
      } else {
        errorMessage = error.message;
      }
    }

    addToast({
      title: "Error",
      description: errorMessage,
      color: "danger",
    });
  } finally {
    setIsLoading(false);
  }
};

export const handleAppleLogin = async ({
  setIsLoading = () => {},
  onOpenChange = () => {},
  context = "login",
}: GoogleLoginOptions): Promise<void> => {
  try {
    setIsLoading(true);
    const firebaseInstance = window.firebaseInstance;

    if (!firebaseInstance) {
      addToast({ title: "Firebase not initialized", color: "danger" });
      return console.error("Firebase not initialized");
    }

    const result = await signInWithPopup(
      firebaseInstance.auth,
      firebaseInstance.appleProvider,
    );
    const user: User = result.user;

    const idToken = await user.getIdToken();
    const fcm_token = localStorage.getItem("fcm-token") || undefined;

    const res: ApiResponse<userData> = await appleLogin({
      idToken: idToken || "",
      fcm_token,
      device_type: "web",
    });

    if (res.success && res.data) {
      setCookie("user", res?.data);
      setCookie("access_token", res?.access_token || "");

      store.dispatch(
        ReduxLogin({
          user: res.data,
          access_token: res?.access_token || "",
        }),
      );

      // Sync offline cart items to server
      await syncOfflineCartToServer();

      updateDataOnAuth();
      updateCartData(false, false, 0);

      // Track analytics
      setAnalyticsUserId(res.data.id.toString());
      setAnalyticsUserProperties({
        login_method: "apple",
        user_type: "customer",
      });
      trackLogin("apple");

      addToast({
        title: i18n.t("login_modal.welcome_title"),
        description: i18n.t("login_modal.login_success_toast"),
        color: "success",
      });
      onOpenChange();
    } else {
      if (res.data?.new_user) {
        try {
          window.prefillRegisterEmail = user.email || "";
          window.prefillRegisterFromGoogle = true;
          window.prefillUserName = user.displayName || "";

          if (context === "login") {
            onOpenChange();
            const btn = document.getElementById("register-btn");
            if (btn) {
              setTimeout(() => btn.click(), 150);
            }
          } else {
            window.dispatchEvent(
              new CustomEvent("register-prefill", {
                detail: {
                  email: user.email || "",
                  name: user.displayName || "",
                },
              }),
            );
          }
        } catch (err) {
          console.error("Failed to open register modal:", err);
        }
      }
    }
  } catch (error) {
    console.error("Apple login error:", error);
    let errorMessage: string = "Failed to login with Apple. Please try again.";

    if (error instanceof Error) {
      if (error.message.includes("popup-closed")) {
        errorMessage = "Login was cancelled.";
      } else if (error.message.includes("popup-blocked")) {
        errorMessage = "Popup was blocked. Please allow popups and try again.";
      } else {
        errorMessage = error.message;
      }
    }

    addToast({
      title: "Error",
      description: errorMessage,
      color: "danger",
    });
  } finally {
    setIsLoading(false);
  }
};

export const handleSignUp = async (
  phoneNumber: string,
  firebaseInstance: FirebaseInstance,
): Promise<boolean> => {
  try {
    // Clear any existing reCAPTCHA first to prevent conflicts
    clearRecaptchaVerifier(firebaseInstance);

    // Initialize the reCAPTCHA verifier
    const recaptchaVerifier = initializeRecaptchaVerifier(firebaseInstance);
    if (!recaptchaVerifier) {
      addToast({
        title: i18n.t("signup_toast.recaptcha_error_title"),
        description: i18n.t("signup_toast.recaptcha_error_desc"),
        color: "danger",
      });
      return false;
    }

    // Validate phone number format
    const phoneRegex = /^\+[1-9]\d{1,14}$/;
    if (!phoneRegex.test(phoneNumber)) {
      addToast({
        title: i18n.t("signup_toast.invalid_phone_title"),
        description: i18n.t("signup_toast.invalid_phone_desc"),
        color: "danger",
      });
      return false;
    }

    // Send OTP
    const confirmationResult = await signInWithPhoneNumber(
      firebaseInstance.auth,
      phoneNumber,
      recaptchaVerifier,
    );

    // Store confirmation result for later verification
    window.confirmationResult = confirmationResult;

    addToast({
      title: i18n.t("signup_toast.otp_sent_title"),
      description: i18n.t("signup_toast.otp_sent_desc"),
      color: "success",
    });
    return true;
  } catch (error) {
    const errorMsg = getFirebaseErrorMessage(error as FirebaseError);
    console.error("Sign-up error:", errorMsg);
    addToast({
      title: i18n.t("signup_toast.signup_error_title"),
      description: errorMsg,
      color: "danger",
    });
    return false;
  }
};

// Updated handleResendOtp function
export const handleResendOtp = async (
  phoneNumber: string,
  firebaseInstance: FirebaseInstance,
): Promise<boolean> => {
  try {
    // Clear previous confirmation result if exists
    if (window.confirmationResult) {
      window.confirmationResult = undefined;
    }

    // Always clear and reinitialize reCAPTCHA for resend
    clearRecaptchaVerifier(firebaseInstance);
    const recaptchaVerifier = initializeRecaptchaVerifier(firebaseInstance);

    if (!recaptchaVerifier) {
      addToast({
        title: i18n.t("resend_otp_toast.recaptcha_error_title"),
        description: i18n.t("resend_otp_toast.recaptcha_error_desc"),
        color: "danger",
      });
      return false;
    }

    // Validate phone number format
    const phoneRegex = /^\+[1-9]\d{1,14}$/;
    if (!phoneRegex.test(phoneNumber)) {
      addToast({
        title: i18n.t("resend_otp_toast.invalid_phone_title"),
        description: i18n.t("resend_otp_toast.invalid_phone_desc"),
        color: "danger",
      });
      return false;
    }

    // Resend OTP
    const confirmationResult = await signInWithPhoneNumber(
      firebaseInstance.auth,
      phoneNumber,
      recaptchaVerifier,
    );

    // Store new confirmation result
    window.confirmationResult = confirmationResult;

    addToast({
      title: i18n.t("resend_otp_toast.otp_resent_title"),
      description: i18n.t("resend_otp_toast.otp_resent_desc"),
      color: "success",
    });

    return true;
  } catch (error) {
    const errorMsg = getFirebaseErrorMessage(error as FirebaseError);
    console.error("Resend OTP error:", errorMsg);
    addToast({
      title: i18n.t("resend_otp_toast.resend_otp_error_title"),
      description: errorMsg,
      color: "danger",
    });
    return false;
  }
};

// Check Email Already there or not
export const checkEmailExists = async (
  email: string,
  setIsCheckingEmail: (value: boolean) => void,
  setFieldErrors: (callback: (prev: FieldErrors) => FieldErrors) => void,
) => {
  if (!email || !email.includes("@")) return;

  setIsCheckingEmail(true);
  setFieldErrors((prev) => ({ ...prev, email: "" }));

  try {
    const response = await verifyUser({
      type: "email",
      value: email,
    });

    if (response.success || response.data?.exists) {
      setFieldErrors((prev) => ({
        ...prev,
        email: i18n.t("email_check.email_exists"),
      }));
    }

    return response.data?.exists;
  } catch (error) {
    console.error("Error checking email:", error);
    if (error && typeof error === "object" && "response" in error) {
      const errorResponse = (
        error as { response: { data?: { message?: string } } }
      ).response;
      if (errorResponse?.data?.message !== "User not found") {
        setFieldErrors((prev) => ({
          ...prev,
          email: i18n.t("email_check.check_error"),
        }));
      }
    }
  } finally {
    setIsCheckingEmail(false);
  }
};

// Check Number Already there or not
export const checkPhoneExists = async (
  phone: string,
  setIsCheckingPhone: (value: boolean) => void,
  setFieldErrors: (callback: (prev: FieldErrors) => FieldErrors) => void,
) => {
  if (!phone || phone.length < 10) return;

  setIsCheckingPhone(true);
  setFieldErrors((prev) => ({ ...prev, phone: "" }));

  try {
    const response = await verifyUser({
      type: "mobile",
      value: phone,
    });

    if (response.success || response.data?.exists) {
      setFieldErrors((prev) => ({
        ...prev,
        phone: i18n.t("phone_check.phone_exists"),
      }));
    }
    return response.data?.exists;
  } catch (error) {
    console.error("Error checking phone:", error);
    if (error && typeof error === "object" && "response" in error) {
      const errorResponse = (
        error as { response: { data?: { message?: string } } }
      ).response;
      if (errorResponse?.data?.message !== "User not found") {
        setFieldErrors((prev) => ({
          ...prev,
          phone: i18n.t("phone_check.check_error"),
        }));
      }
    }
  } finally {
    setIsCheckingPhone(false);
  }
};

// Final user Register and Login
export const handleRegisterUser = async (
  {
    name,
    email,
    mobile,
    iso_2,
    country,
    password,
    password_confirmation,
  }: {
    name: string;
    email: string;
    mobile: number | string;
    iso_2: string;
    country: string;
    password: string;
    password_confirmation: string;
  },
  dispatch: AppDispatch,
) => {
  try {
    const response = await registerUser({
      email,
      mobile,
      name,
      iso_2,
      country,
      password,
      password_confirmation,
    });

    if (response.success) {
      // Track sign up analytics
      trackSignUp("email");

      addToast({
        title: i18n.t("register_toast.success_title"),
        description: i18n.t("register_toast.success_desc"),
        color: "success",
      });

      // Attempt login immediately after registration
      await handleLoginUser(
        { email, password, renderToast: false, mobile: "" },
        dispatch,
      );
    } else {
      addToast({
        title: i18n.t("register_toast.failed_title"),
        description: response.message,
        color: "danger",
      });
    }

    return response;
  } catch (error) {
    console.error("Registration Error:", error);
    addToast({
      title: i18n.t("register_toast.error_title"),
      description: i18n.t("register_toast.error_desc"),
      color: "danger",
    });

    return { success: false, data: null, message: "An Error Occur !" };
  }
};

// Login

export const handleLoginUser = async (
  {
    email,
    password,
    mobile,
    renderToast = true,
  }: {
    email: string | undefined;
    password: string;
    mobile: string | undefined;
    renderToast?: boolean;
  },
  dispatch: AppDispatch,
) => {
  try {
    const fcm_token = localStorage.getItem("fcm-token") || "";
    const response: ApiResponse<userData> = await login({
      email,
      password,
      mobile,
      fcm_token,
      device_type: "web",
    });

    if (response.success && response.data) {
      setCookie("user", response?.data);
      setCookie("access_token", response?.access_token || "");
      dispatch(
        ReduxLogin({
          user: response.data,
          access_token: response?.access_token || "",
        }),
      );

      // Sync offline cart items to server
      await syncOfflineCartToServer();

      updateDataOnAuth();
      updateCartData(false, false, 0);

      // Track analytics
      setAnalyticsUserId(response.data.id.toString());
      setAnalyticsUserProperties({
        login_method: email ? "email" : "phone",
        user_type: "customer",
      });
      trackLogin(email ? "email" : "phone");

      if (renderToast) {
        addToast({
          title: i18n.t("login_modal.welcome_title"),
          description: i18n.t("login_modal.login_success_toast"),
          color: "success",
        });
      }
    } else {
      if (renderToast) {
        addToast({
          title: i18n.t("login_modal.login_failed_toast"),
          color: "danger",
        });
      }
    }

    return response;
  } catch (error) {
    console.error("Login Error:", error);
    if (renderToast) {
      addToast({
        title: "Login Error",
        description: "An unexpected error occurred. Please try again later.",
        color: "danger",
      });
    }
  }
};

// logout

export const handleLogout = async (
  renderToast: boolean,
  forceLogout: boolean = false,
) => {
  try {
    if (store.getState().auth.isLoggedIn || forceLogout) {
      localStorage.removeItem("shoppingListActiveKeywordString");
      localStorage.removeItem("shoppingListKeywords");

      const currentPath =
        typeof window !== "undefined" ? window.location.pathname : "";

      if (
        currentPath === "/my-account" ||
        currentPath.startsWith("/my-account/")
      ) {
        await Router.push("/");
      }
      const access_token = (getCookie("access_token") as string) || null;
      await logoutApi(access_token);

      store.dispatch(logout());
      deleteCookie("user");
      deleteCookie("access_token");

      // Clear analytics user ID
      setAnalyticsUserId("");

      updateDataOnAuth();
      store.dispatch(clearCart());

      if (renderToast) {
        addToast({
          title: i18n.t("logout_toast.success_title"),
          description: i18n.t("logout_toast.success_desc"),
          color: "success",
        });
      }
    } else {
      return;
    }
  } catch (err) {
    console.error("Logout error:", err);
    process.exit(1);
  }
};

export const getAccessTokenFromContext = async (
  context: GetServerSidePropsContext,
): Promise<string | null> => {
  try {
    const cookies = parse(context.req.headers.cookie || "");

    const token = cookies.access_token;

    if (token && typeof token === "string" && token.trim().length > 0) {
      // Remove surrounding quotes if they exist
      let cleanToken = token.trim();

      // Check if token starts and ends with quotes, remove them
      if (cleanToken.startsWith('"') && cleanToken.endsWith('"')) {
        cleanToken = cleanToken.slice(1, -1);
      }
      if (cleanToken.startsWith("'") && cleanToken.endsWith("'")) {
        cleanToken = cleanToken.slice(1, -1);
      }
      return cleanToken;
    }

    console.log("No valid token found in SSR context");
    return null;
  } catch (error) {
    console.error("Error getting access token from context:", error);
    return null;
  }
};