if (window.location.href.includes("test") || true) {
	console.log("custom pc activated");
	if (window.customCardProps?.custom_pc) {
		console.log("custom pc activated 2");
		window.run_product_card = function (_this) {
			console.log("custom pc activated 3");
			let lang = document.documentElement.getAttribute("lang");
			const remained = salla.lang.get("pages.products.remained");
			const donationPH = salla.lang.get("pages.products.donation_placeholder");
			const startingPrice = salla.lang.get("pages.products.starting_price");
			const outOfStock = salla.lang.get("pages.products.out_of_stock");
			const calories = salla.lang.get("pages.products.calories");

			// Custom props
			_this.product_preview_down = window.customCardProps?.product_preview_down;
			_this.p_atc_btn_hidden = window.customCardProps?.p_atc_btn_hidden;
			_this.product_preview_icon_hide = window.customCardProps?.product_preview_icon_hide;
			_this.preview_text = window.customCardProps?.preview_text;
			_this.is_price_ratio_on = window.customCardProps?.is_price_ratio_on;
			_this.price_ratio_place = window.customCardProps?.price_ratio_place;
			_this.price_ratio_word = window.customCardProps?.price_ratio_word;
			_this.small_atc = window.customCardProps?.small_atc;
			_this.show_pc_ratings = window.customCardProps?.show_pc_ratings;

			if (_this.show_pc_ratings === "hide") {
				_this.show_pc_ratings = false;
			}

			let product_ration_html;
			if (_this?.product?.is_on_sale) {
				_this.product_ratio_percent = Math.round(
					((_this.product?.regular_price - _this.product?.sale_price) / _this.product?.regular_price) * 100
				);
				product_ration_html = `
                <div class="sale-ratio-wrapper ${
									_this.price_ratio_place === "down"
										? "price-ratio-down relative"
										: "price-ratio-over badge badge--ribbon badge--primary whitespace-nowrap absolute left-4 right-auto top-4"
								}">
                    <span class="sale-ratio">${_this.price_ratio_word}${_this.product_ratio_percent}%</span>
                </div>`;
			}

			_this.innerHTML = `
            <div class="${_this.horizontal ? `s-product-card-image flex` : ""} product-block__thumb dream-card relative ${
				_this.product.rating ? "has-rating" : ""
			}">
                ${
									_this.product.is_on_sale && _this.is_price_ratio_on && _this.price_ratio_place === "over" ? product_ration_html || "" : ""
								}
                ${
									_this.product.promotion_title
										? `<span class="badge badge--ribbon badge--primary absolute right-0 top-0 p-3 rounded-sm my-bg-light">${_this.product.promotion_title}</span>`
										: ""
								}
                ${
									_this.showQuantity && _this.product.quantity
										? `<span class="badge badge--ribbon badge--primary">${remained} ${_this.product.quantity}</span>`
										: ""
								}
                ${
									_this.showQuantity && _this.product.is_out_of_stock
										? `<div class="out-badge ${_this.horizontal ? "" : "max-w-[calc(100%-60px)]"}">${outOfStock}</div>`
										: ""
								}
                <a href="${_this.product.url}" class="thumb-wrapper px-0 flex flex-col" aria-label="${_this.product.name}">
                    <img class="lazy-load m-auto" width="200" height="200" src="https://cdn.salla.sa/form-builder/8GB0kPNvHGvpOmDhwK8bzTkUn8mgvV4d7K4YTKvM.png" data-src="${
											_this.product.image.url
										}" alt="${_this.product.image.alt}" />
                </a>
                ${
									_this.product_preview_down
										? ""
										: `<div onclick="window.showPreview(this)" data-id="${_this.product.id}" title="عرض سريع" data-img="${_this.product.image.url}" class="showPreviewBtn absolute"><i class="sicon-eye"></i></div>`
								}
            </div>
            ${
							_this.showWishlist
								? `<span class="btn--product-like"><salla-button loader-position="center" shape="icon" size="small" color="danger" class="btn--delete" onclick="salla.wishlist.remove(${_this.product.id})"><i class="sicon-cancel"></i></salla-button></span>`
								: ""
						}
            <div class="relative wide ${_this.horizontal ? "s-product-card-content" : "product-block-outer"} donating-wrap">
                <div class="product-block__info pb-1">
                    <a href="${_this.product.url}" class="product-title px-3">
                        <div class="product-category-name"></div>
                        <p class="product-subtitle pc-t">${_this.product.subtitle || ""}</p> 
                        <h2 class="title title--primary title--small my-2 pc-t">${_this.product.name}</h2>
                    </a>
                    ${
											_this.product.rating && _this.show_pc_ratings
												? `<span class="rating-wrapper pc-rating"><salla-rating-stars value="${_this.product.rating.stars}"></salla-rating-stars></span>`
												: ""
										}
                    ${
											_this.product.calories
												? `<div class="font-sm mt-5 mb-10"><i class="d-inline-block sicon-fire color-danger t-red mr-1 ml-0"></i><strong>${_this.product.calories}</strong> ${calories}</div>`
												: ""
										}
                    ${
											_this.product.is_donation
												? `<salla-progress-bar donation="${
														_this.product.is_donation
												  }"></salla-progress-bar><div class="border-color mb-2.5 w-full">${
														_this.product.can_donate
															? `<label for="donation-amount" class="block text-sm mb-2.5">قيمة التبرع <span class="text-red-500 t-red">*</span></label><input type="text" data-digits id="donation-amount" name="donating_amount" class="h-9 form-input" placeholder="${donationPH}"/>`
															: ""
												  }</div>`
												: ""
										}
                    <div class="price-wrapper mb-2.5 px-2">
                        ${
													_this.product.is_on_sale
														? `<span class="color-danger text-danger t-red text-primary text-lg font-bold">${salla.money(
																_this.product.sale_price
														  )}</span><small class="before-price pc-t text-sm mx-2 line-through">${salla.money(
																_this.product.regular_price
														  )}</small>`
														: _this.product.starting_price
														? `${startingPrice}<span class="pc-t mx-1">${salla.money(_this.product.starting_price)}</span>`
														: `<span class="pc-t">${salla.money(_this.product.price)}</span>`
												}
                        ${
													_this.product?.is_on_sale && _this.is_price_ratio_on && _this.price_ratio_place === "down"
														? product_ration_html || ""
														: ""
												}
                    </div>
                    ${
											!_this.hideAddBtn
												? `<div class="btn btn--floated btn--add-to-cart btn--add-to-cart ${
														_this.product.status === "out" ? "disabled" : ""
												  }"><salla-add-product-button class="w-full aaliicon-add-to-cart-outer" product-status="${
														_this.product.status
												  }" product-type="${_this.product.type}" product-id="${_this.product.id}" loader-position="end">${
														_this.product.add_to_cart_label || ""
												  }</salla-add-product-button></div>`
												: ""
										}
                    ${
											!_this.product_preview_down
												? `<div onclick="window.showPreview(this);" data-id="${_this.product.id}" title="ok عرض سريع" data-img="${
														_this.product.image.url
												  }" class="showPreviewBtn static preview-btn-down"><i class="sicon-eye mx-1 ${
														_this.product_preview_icon_hide ? "hidden" : ""
												  }"></i><span class="mx-1">${_this.preview_text}</span></div>`
												: ""
										}
                </div>
            </div>`;
		};
	}

	(function () {
		const selector = ".index #fullscreen-banner-0 salla-slider";
		// const selector = ".index .sq-awesome-banners salla-slider";
		const maxTime = 10000; // 10 seconds
		const checkInterval = 10; // 10ms

		let elapsed = 0;

		const interval = setInterval(() => {
			const element = document.querySelector(selector);

			if (element) {
				run_showControllsForSlider(element);
				clearInterval(interval);
				console.log("✅ Element found and updated");
				return;
			}

			elapsed += checkInterval;

			if (elapsed >= maxTime) {
				clearInterval(interval);
				console.log("❌ Element not found after 10 seconds");
			}
		}, checkInterval);

		function run_showControllsForSlider(el) {
			// add id to the element
			el.setAttribute("id", "fullscreen-banner-0-slider");
			el.setAttribute("show-controls", "true");
			el.setAttribute("pagination", "true");
			el.setAttribute("controls-outer", "");
		}
	})();

	// move .header-search to .header-innerLeft using addjecentelement beforeend, no need for interval, all elements are found immediately
	// (function () {
	// 	const headerInnerLeft = document.querySelector(".header-innerLeft");
	// 	const headerSearch = document.querySelector(".header-search");
	// 	if (headerInnerLeft && headerSearch) {
	// 		headerInnerLeft.insertAdjacentElement("beforeend", headerSearch);
	// 		console.log("✅ Moved .header-search to .header-innerLeft");
	// 	} else {
	// 		console.log("❌ Elements not found for moving .header-search");
	// 	}
	// })();

	(function () {
		// انتظر حتى تلقى العناصر
		let tries = 0;
		const maxTries = 1000;

		const interval = setInterval(() => {
			const socialList = document.querySelector(".footer-social-outer salla-social .s-social-list");
			const contactsWhatsapp = document.querySelector('salla-contacts a[href*="wa.me"]');

			if (socialList && contactsWhatsapp) {
				// أنشئ عنصر جديد للواتساب
				const whatsappLi = document.createElement("li");
				whatsappLi.className = "s-social-link";
				whatsappLi.innerHTML = `
                <a href="${contactsWhatsapp.href}" rel="noopener" target="_blank" title="whatsapp" aria-label="whatsapp">
                    <span class="s-social-icon">
                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                            <title>whatsapp</title>
                            <path d="M27.281 4.65c-2.994-3-6.975-4.65-11.219-4.65-8.738 0-15.85 7.112-15.85 15.856 0 2.794 0.731 5.525 2.119 7.925l-2.25 8.219 8.406-2.206c2.319 1.262 4.925 1.931 7.575 1.931h0.006c0 0 0 0 0 0 8.738 0 15.856-7.113 15.856-15.856 0-4.238-1.65-8.219-4.644-11.219zM16.069 29.050v0c-2.369 0-4.688-0.637-6.713-1.837l-0.481-0.288-4.987 1.306 1.331-4.863-0.313-0.5c-1.325-2.094-2.019-4.519-2.019-7.012 0-7.269 5.912-13.181 13.188-13.181 3.519 0 6.831 1.375 9.319 3.862 2.488 2.494 3.856 5.8 3.856 9.325-0.006 7.275-5.919 13.188-13.181 13.188zM23.294 19.175c-0.394-0.2-2.344-1.156-2.706-1.288s-0.625-0.2-0.894 0.2c-0.262 0.394-1.025 1.288-1.256 1.556-0.231 0.262-0.462 0.3-0.856 0.1s-1.675-0.619-3.188-1.969c-1.175-1.050-1.975-2.35-2.206-2.744s-0.025-0.613 0.175-0.806c0.181-0.175 0.394-0.463 0.594-0.694s0.262-0.394 0.394-0.662c0.131-0.262 0.069-0.494-0.031-0.694s-0.894-2.15-1.219-2.944c-0.319-0.775-0.65-0.669-0.894-0.681-0.231-0.012-0.494-0.012-0.756-0.012s-0.694 0.1-1.056 0.494c-0.363 0.394-1.387 1.356-1.387 3.306s1.419 3.831 1.619 4.1c0.2 0.262 2.794 4.269 6.769 5.981 0.944 0.406 1.681 0.65 2.256 0.837 0.95 0.3 1.813 0.256 2.494 0.156 0.762-0.113 2.344-0.956 2.675-1.881s0.331-1.719 0.231-1.881c-0.094-0.175-0.356-0.275-0.756-0.475z"></path>
                        </svg>
                    </span>
                </a>
            `;

				// أضفه للـ social list
				socialList.appendChild(whatsappLi);

				// اخفي الـ salla-contacts الأصلي (اختياري)
				const sallaContacts = document.querySelector("salla-contacts");
				if (sallaContacts) {
					sallaContacts.style.display = "none";
				}
				setTimeout(() => {
					inserContact();
				}, 50);
				// make .footer-contact hidden in all screens
				const footerContact = document.querySelector(".footer-contact");
				if (footerContact) {
					footerContact.setAttribute("style", "display: none !important;");
				}
				// remove px-8 from .footer-container if exists
				const footerContainer = document.querySelector(".footer-container");
				if (footerContainer && footerContainer.classList.contains("lg:px-8")) {
					footerContainer.classList.remove("lg:px-8");
				}

				clearInterval(interval);
				console.log("✅ WhatsApp merged to social list");
			} else if (++tries >= maxTries) {
				clearInterval(interval);
				console.log("❌ Timeout");
			}
		}, 10);
	})();

	// insert .footer-social-outer before .footer-bottom__inside-footer-top
	function inserContact() {
		console.log("inserContact called");
		const footerTop = document.querySelector(".footer-bottom__inside-footer-top");
		const footerSocial = document.querySelector(".footer-social-outer");
		if (footerTop && footerSocial) {
			console.log(footerTop && footerSocial);
			footerTop.insertAdjacentElement("afterbegin", footerSocial);
		}
	}
}