const ThemeOptionSubmit = (values, mutate) => {
  try {
    // Ensure nested objects exist
    values["options"] = values["options"] || {};
    values["options"]["logo"] = values["options"]["logo"] || {};
    values["options"]["seo"] = values["options"]["seo"] || {};
    values["options"]["header"] = values["options"]["header"] || {};
    values["options"]["footer"] = values["options"]["footer"] || {};
    values["options"]["popup"] = values["options"]["popup"] || {};
    values["options"]["popup"]["news_letter"] = values["options"]["popup"]["news_letter"] || {};
    values["options"]["popup"]["exit"] = values["options"]["popup"]["exit"] || {};
    values["options"]["popup"]["auth"] = values["options"]["popup"]["auth"] || {};
    values["options"]["contact_us"] = values["options"]["contact_us"] || {};
    values["options"]["collection"] = values["options"]["collection"] || {};
    values["options"]["product"] = values["options"]["product"] || {};
    values["options"]["about_us"] = values["options"]["about_us"] || {};
    values["options"]["about_us"]["about"] = values["options"]["about_us"]["about"] || {};
    values["options"]["about_us"]["team"] = values["options"]["about_us"]["team"] || {};
    values["options"]["about_us"]["testimonial"] = values["options"]["about_us"]["testimonial"] || {};
    values["options"]["home_categories"] = values["options"]["home_categories"] || {};

    // Ensure home_categories.enabled is a boolean
    if (values["options"]["home_categories"]["enabled"] !== undefined) {
      const enabled = values["options"]["home_categories"]["enabled"];
      values["options"]["home_categories"]["enabled"] = Array.isArray(enabled)
        ? enabled.length > 0
        : Boolean(enabled);
    }

    if (values["header_logo_id"]) {
      values["options"]["logo"]["header_logo_id"] = values["header_logo_id"];
    } else {
      values["options"]["logo"]["header_logo_id"] = null;
    }
    if (values["footer_logo_id"]) {
      values["options"]["logo"]["footer_logo_id"] = values["footer_logo_id"];
    } else {
      values["options"]["logo"]["footer_logo_id"] = null;
    }
    if (values["favicon_icon_id"]) {
      values["options"]["logo"]["favicon_icon_id"] = values["favicon_icon_id"];
    } else {
      values["options"]["logo"]["favicon_icon_id"] = null;
    }
    if (values["og_image_id"]) {
      values["options"]["seo"]["og_image_id"] = values["og_image_id"];
    } else {
      values["options"]["seo"]["og_image_id"] = null;
    }
    if (values["headerCategories"]) {
      values["options"]["header"]["category_ids"] = values["headerCategories"];
    }
    if (values["footer_categories"]) {
      values["options"]["footer"]["footer_categories"] = values["footer_categories"];
    }
    if (values["useful_link"]) {
      values["options"]["footer"]["useful_link"] = values["useful_link"];
    }
    if (values["help_center"]) {
      values["options"]["footer"]["help_center"] = values["help_center"];
    }
    if (values["today_deals"]) {
      values["options"]["header"]["today_deals"] = values["today_deals"];
    }
    if (values["footer_pages"]) {
      values["options"]["footer"]["footer_pages"] = values["footer_pages"];
    }

    if (values["newsLetterImage"]) {
      values["options"]["popup"]["news_letter"]["image_url"] = values["newsLetterImage"].original_url;
    } else {
      values["options"]["popup"]["news_letter"]["image_url"] = "";
    }

    if (values["exitImage"]) {
      values["options"]["popup"]["exit"]["image_url"] = values["exitImage"].original_url;
    } else {
      values["options"]["popup"]["exit"]["image_url"] = "";
    }

    if (values["authImage"]) {
      values["options"]["popup"]["auth"]["image_url"] = values["authImage"].original_url;
    } else {
      values["options"]["popup"]["auth"]["image_url"] = "";
    }

    if (values["contactUsImage"]) {
      values["options"]["contact_us"]["imageUrl"] = values["contactUsImage"].original_url;
    } else {
      values["options"]["contact_us"]["imageUrl"] = "";
    }

    if (values["collection_image"]) {
      values["options"]["collection"]["collection_image_url"] = values["collection_image"].original_url;
    } else {
      values["options"]["collection"]["collection_image_url"] = "";
    }

    if (values["FooterSubscribeImage"]) {
      values["options"]["footer"]["bg_image"] = values["FooterSubscribeImage"].original_url;
    } else {
      values["options"]["footer"]["bg_image"] = "";
    }

    values["options"]["collection"]["collection_type"] = values?.options?.collection?.collection_type || "";
    values["options"]["collection"]["collection_name"] = values?.options?.collection?.collection_name || "";
    values["options"]["collection"]["collection_link"] = values?.options?.collection?.collection_link || "";

    if (values["banner_image_url"]) {
      values["options"]["product"]["banner_image_url"] = values["banner_image_url"].original_url;
    } else {
      values["options"]["product"]["banner_image_url"] = "";
    }

    if (values["safe_checkout_image"]) {
      values["options"]["product"]["safe_checkout_image"] = values["safe_checkout_image"].original_url;
    } else {
      values["options"]["product"]["safe_checkout_image"] = "";
    }

    if (values["secure_checkout_image"]) {
      values["options"]["product"]["secure_checkout_image"] = values["secure_checkout_image"].original_url;
    } else {
      values["options"]["product"]["secure_checkout_image"] = "";
    }

    if (values["footerImage"]) {
      values["options"]["footer"]["bg_image"] = values["footerImage"].original_url;
    } else {
      values["options"]["footer"]["bg_image"] = "";
    }

    if (values["paymentOptionImage"]) {
      values["options"]["footer"]["payment_option_image_url"] = values["paymentOptionImage"].original_url;
    } else {
      values["options"]["footer"]["payment_option_image_url"] = "";
    }

    // About Us
    if (values["content_left_image_url"]) {
      values["options"]["about_us"]["about"]["content_left_image_url"] = values["content_left_image_url"].original_url;
    } else {
      values["options"]["about_us"]["about"]["content_left_image_url"] = "";
    }

    if (values["content_right_image_url"]) {
      values["options"]["about_us"]["about"]["content_right_image_url"] = values["content_right_image_url"].original_url;
    } else {
      values["options"]["about_us"]["about"]["content_right_image_url"] = "";
    }

    values["options"]["about_us"]["about"]["futures"]?.forEach((elem, i) => {
      if (values[`futureIcons${i}`]) {
        values["options"]["about_us"]["about"]["futures"][i]["icon"] = values[`futureIcons${i}`].original_url;
      } else {
        values["options"]["about_us"]["about"]["futures"][i]["icon"] = "";
      }
    });

    values["options"]["about_us"]["team"]["members"]?.forEach((elem, i) => {
      if (values[`teamContentImage${i}`]) {
        values["options"]["about_us"]["team"]["members"][i]["profile_image_url"] = values[`teamContentImage${i}`].original_url;
      } else {
        values["options"]["about_us"]["team"]["members"][i]["profile_image_url"] = "";
      }
    });

    values["options"]["about_us"]["testimonial"]["reviews"]?.forEach((elem, i) => {
      if (values[`testimonialReviewImage${i}`]) {
        values["options"]["about_us"]["testimonial"]["reviews"][i]["profile_image_url"] = values[`testimonialReviewImage${i}`].original_url;
      } else {
        values["options"]["about_us"]["testimonial"]["reviews"][i]["profile_image_url"] = "";
      }
    });

    const homeBannerArray = (values["options"]["home_banner"]?.banners || []).map((banner, index) => ({
      status: banner.status ?? true,
      sort_order: Number.isInteger(banner.sort_order) ? banner.sort_order : index + 1,
      image_url: banner.image?.original_url || banner.image_url || "",
      redirect_link: {
        link: banner.redirect_link?.link || banner.redirect_link?.value || "",
        link_type: banner.redirect_link?.link_type || banner.redirect_link?.type || "collection",
      },
    })).filter((banner) => banner.image_url);
    values["options"]["home_banner"] = { banners: homeBannerArray };

    delete values?.options?.logo?.favicon_icon;
    delete values?.options?.logo?.footer_logo;
    delete values?.options?.logo?.header_logo;
    delete values?.options?.seo?.og_image;
    values["_method"] = "put";

    // Submit the data
    mutate(values);

  } catch (error) {
    console.error("Error in ThemeOptionSubmit:", error);
  }
};

export default ThemeOptionSubmit;