${isReopening ? 'تغيير المدينة' : 'اختر مدينتك'}
⚠️ اختر مدينتك بدقة لعرض المنتجات المتاحة للشحن
⚠️ الرجاء اختيار المدينة أولاً
`;
document.body.appendChild(popup);
const select = document.getElementById("city-select");
if (selectedCity && isReopening) select.value = selectedCity;
const saveBtn = document.getElementById("save-city");
saveBtn.onmouseover = () => saveBtn.style.background = "#2c5f8a";
saveBtn.onmouseout = () => saveBtn.style.background = "#3e77aa";
saveBtn.onclick = () => {
const city = select.value;
if (!city) {
document.getElementById("error-msg").style.display = "block";
return;
}
selectedCity = city;
window.currentSelectedCity = city;
try {
sessionStorage.setItem("selectedCity", city);
sessionStorage.setItem("citySelectedInSession", "true");
} catch(e) {}
popup.remove();
// عرض رسالة التأكيد
showConfirmation(city);
// الانتقال بعد ثانية ونصف - تم إزالة شرط isHomePage()
setTimeout(() => {
if (cityPages[city]) {
window.location.href = cityPages[city];
} else {
const conf = document.getElementById("city-confirmation");
if (conf) conf.remove();
applyFilters();
}
}, 1500);
};
}
function applyFilters() {
if (isApplying) return;
isApplying = true;
requestAnimationFrame(() => {
const sections = document.querySelectorAll('section.s-block, salla-products-slider');
sections.forEach(section => {
const text = section.textContent || '';
const isAllowed = allowedSections.some(a => text.includes(a));
if (isAllowed) {
toggleButtons(section, true);
return;
}
if (!selectedCity) {
toggleButtons(section, false);
return;
}
const shouldHide = (excludedCities[selectedCity] || []).some(c => text.includes(c));
toggleButtons(section, !shouldHide);
});
handleCategoryPages();
isApplying = false;
});
}
function toggleButtons(element, show) {
if (!element) return;
const selectors = 'salla-add-product-button, .s-product-card-content-footer, button[product-id], .s-add-product-button-main';
const buttons = element.querySelectorAll(selectors);
buttons.forEach(btn => {
if (btn.closest('[class*="wishlist"]') || btn.querySelector('.sicon-heart, .sicon-share')) return;
if (show) {
btn.style.display = '';
btn.style.pointerEvents = '';
btn.style.visibility = '';
btn.style.opacity = '';
btn.removeAttribute('disabled');
} else {
btn.style.display = 'none';
btn.style.pointerEvents = 'none';
btn.style.visibility = 'hidden';
btn.style.opacity = '0';
btn.setAttribute('disabled', 'true');
}
});
}
function handleCategoryPages() {
const url = window.location.href;
if (!url.includes('/c') && !url.includes('/product/')) return;
const blocked = {
"الرياض": ["1017510319", "243407016"],
"جدة": ["1159548594", "243407016"],
"مكة": ["1159548594", "1017510319"]
};
const shouldBlock = (blocked[selectedCity] || []).some(id => url.includes(id));
if (shouldBlock) {
document.querySelectorAll('salla-add-product-button, button[product-id]').forEach(btn => {
if (!btn.closest('[class*="wishlist"]')) {
btn.style.display = 'none';
btn.setAttribute('disabled', 'true');
}
});
}
}
function ensureButtonExists() {
const btn = document.getElementById('city-btn-mobile');
const menu = document.querySelector('ul.main-menu');
if (menu && !btn) {
addCityButton();
}
if (btn) {
const savedCity = getSavedCity();
const currentText = btn.querySelector('.city-name')?.textContent;
const expectedText = savedCity || 'اختر المدينة';
if (currentText !== expectedText) {
const mobileSpan = document.querySelector('#city-btn-mobile .city-name');
const desktopSpan = document.querySelector('#city-btn-desktop .city-name');
if (mobileSpan) mobileSpan.textContent = expectedText;
if (desktopSpan) desktopSpan.textContent = expectedText;
}
}
}
function init() {
selectedCity = getSavedCity();
window.currentSelectedCity = selectedCity;
addCityButton();
if (isHomePage()) {
try {
if (sessionStorage.getItem("citySelectedInSession") !== "true") {
selectedCity = null;
sessionStorage.removeItem("selectedCity");
showCityPopup();
}
} catch(e) {
showCityPopup();
}
}
applyFilters();
setInterval(ensureButtonExists, 2000);
}
if (document.readyState !== 'loading') {
init();
} else {
document.addEventListener('DOMContentLoaded', init);
}
let debounce;
const observer = new MutationObserver(() => {
clearTimeout(debounce);
debounce = setTimeout(() => {
ensureButtonExists();
if (!isApplying) applyFilters();
}, 200);
});
observer.observe(document.body, {
childList: true,
subtree: true
});
})()