`;
var optionsWrap = document.querySelector('salla-product-options') || document.querySelector('.s-product-options-wrapper');
if (optionsWrap) {
optionsWrap.parentNode.insertBefore(panel, optionsWrap.nextSibling);
} else {
setTimeout(function() {
optionsWrap = document.querySelector('salla-product-options') || document.querySelector('.s-product-options-wrapper');
if(optionsWrap) optionsWrap.parentNode.insertBefore(panel, optionsWrap.nextSibling);
}, 1500);
}
var currentMatch = null;
var showInCm = false;
function renderPanel() {
if(!currentMatch) return;
panel.style.display = 'block';
document.getElementById('dp-sz').textContent = currentMatch.uk + ' / ' + currentMatch.size;
var valFmt = function(v) {
return showInCm ? Math.round(v * 2.54) + (isEn ? ' cm' : ' سم') : v + (isEn ? ' in' : ' إنش');
};
document.getElementById('dp-bust').textContent = valFmt(currentMatch.bust);
document.getElementById('dp-waist').textContent = valFmt(currentMatch.waist);
document.getElementById('dp-hip').textContent = valFmt(currentMatch.hip);
document.getElementById('dp-toggle-unit').textContent = showInCm ? txt.dpToIn : txt.dpToCm;
}
document.body.addEventListener('click', function(e) {
if(e.target && e.target.id === 'dp-toggle-unit') {
e.preventDefault();
showInCm = !showInCm;
renderPanel();
}
});
/*
معالجة قراءة المقاسات:
يدعم:
XL 12
XL-12
XL/12
12 XL
12-XL
7XL 24
7XL-24
*/
function normalizeSizeText(text) {
return String(text || '')
.toUpperCase()
.replace(/\u00A0/g, ' ')
.replace(/[–—−]/g, '-')
.replace(/\s*-\s*/g, '-')
.replace(/\s*\/\s*/g, '/')
.replace(/\s+/g, ' ')
.trim();
}
function compactSizeText(text) {
return normalizeSizeText(text).replace(/[^A-Z0-9]/g, '');
}
function getSelectedOptionText(target) {
if (!target) return '';
var selectEl = null;
if (target.tagName && target.tagName.toLowerCase() === 'select') {
selectEl = target;
} else if (target.closest) {
selectEl = target.closest('select');
}
if (selectEl && selectEl.options && selectEl.selectedIndex >= 0) {
var selectedOption = selectEl.options[selectEl.selectedIndex];
return selectedOption ? (selectedOption.textContent || selectedOption.value || '') : '';
}
if (target.tagName && target.tagName.toLowerCase() === 'input' && target.type === 'radio') {
var lbl = document.querySelector('label[for="' + target.id + '"]');
if (lbl) return lbl.textContent || '';
return target.value || '';
}
return target.textContent || target.value || '';
}
function isPlaceholderOption(text) {
var t = normalizeSizeText(text);
return (
t === '' ||
t === 'اختر' ||
t === 'اختار' ||
t === 'اختيار' ||
t === 'SELECT' ||
t === 'CHOOSE' ||
t === 'PLEASE SELECT'
);
}
function checkSelectedOption(elementText) {
if (!elementText) return;
if (isPlaceholderOption(elementText)) return;
var compactText = compactSizeText(elementText);
var match = null;
for (var i = 0; i < SIZES.length; i++) {
var s = SIZES[i];
var sizeName = String(s.size || '').toUpperCase();
var ukNumber = String(s.uk || '').toUpperCase();
var pattern1 = compactSizeText(sizeName + ukNumber); // XL12
var pattern2 = compactSizeText(sizeName + '-' + ukNumber); // XL-12
var pattern3 = compactSizeText(sizeName + ' ' + ukNumber); // XL 12
var pattern4 = compactSizeText(sizeName + '/' + ukNumber); // XL/12
var pattern5 = compactSizeText(ukNumber + sizeName); // 12XL
var pattern6 = compactSizeText(ukNumber + '-' + sizeName); // 12-XL
var pattern7 = compactSizeText(ukNumber + ' ' + sizeName); // 12 XL
var pattern8 = compactSizeText(ukNumber + '/' + sizeName); // 12/XL
if (
compactText === pattern1 ||
compactText === pattern2 ||
compactText === pattern3 ||
compactText === pattern4 ||
compactText === pattern5 ||
compactText === pattern6 ||
compactText === pattern7 ||
compactText === pattern8
) {
match = s;
break;
}
}
if (match) {
currentMatch = match;
renderPanel();
}
}
function isInsideProductOptions(target) {
if (!target || !target.closest) return false;
return !!(
target.closest('salla-product-options') ||
target.closest('.product-options') ||
target.closest('.s-product-options-wrapper')
);
}
document.addEventListener('change', function(e) {
if (isInsideProductOptions(e.target)) {
setTimeout(function() {
var text = getSelectedOptionText(e.target);
checkSelectedOption(text);
}, 80);
}
});
document.addEventListener('click', function(e) {
if (isInsideProductOptions(e.target)) {
setTimeout(function() {
var text = getSelectedOptionText(e.target);
checkSelectedOption(text);
}, 120);
}
});
setTimeout(function() {
var selectEl =
document.querySelector('salla-product-options select') ||
document.querySelector('.product-options select') ||
document.querySelector('.s-product-options-wrapper select');
if (selectEl && selectEl.selectedIndex >= 0) {
checkSelectedOption(getSelectedOptionText(selectEl));
return;
}
var activeEl =
document.querySelector('salla-product-options .s-option.active') ||
document.querySelector('salla-product-options input[type="radio"]:checked') ||
document.querySelector('.product-options .active') ||
document.querySelector('.s-product-options-wrapper input[type="radio"]:checked');
if(activeEl) {
checkSelectedOption(getSelectedOptionText(activeEl));
}
}, 1000);
}
function initPremiumUI(sizesHost) {
sizesHost.style.display = 'block';
sizesHost.style.width = '100%';
sizesHost.innerHTML = `
${txt.title}
UK
${txt.sizeLabel}
${txt.bust}
${txt.waist}
${txt.hip}
${txt.note}
${txt.smartTitle}
${txt.resSmart}
—
${txt.bust}: —
${txt.waist}: —
${txt.hip}: —
`;
function toCm(v) { return Math.round(v * 2.54); }
function fmt(v, u) { return u === 'cm' ? (toCm(v) + (isEn ? ' cm' : ' سم')) : (v + '"'); }
function parseNum(x) {
if (typeof x === 'string') x = x.replace(/[^\d.\-]/g, '').replace(/,/g, '.');
var n = parseFloat(x); return Number.isFinite(n) ? n : NaN;
}
var tbody = document.getElementById('luxTableBody');
var uIn = document.getElementById('u-in'), uCm = document.getElementById('u-cm');
var mIn = document.getElementById('m-in'), mCm = document.getElementById('m-cm');
function renderTable(unit) {
var html = "";
for (var i = 0; i < SIZES.length; i++) {
var r = SIZES[i];
html += '
' + r.uk + '
' + r.size + '
'
+ '
' + fmt(r.bust, unit) + '
' + fmt(r.waist, unit) + '
'
+ '
' + fmt(r.hip, unit) + '
';
}
tbody.innerHTML = html;
}
function syncUnits(source) {
var activeUnit = source === 'page' ? (uCm.checked ? 'cm' : 'in') : (mCm.checked ? 'cm' : 'in');
uCm.checked = activeUnit === 'cm'; uIn.checked = activeUnit === 'in';
mCm.checked = activeUnit === 'cm'; mIn.checked = activeUnit === 'in';
renderTable(activeUnit);
}
uIn.addEventListener('change', function() { syncUnits('page'); });
uCm.addEventListener('change', function() { syncUnits('page'); });
mIn.addEventListener('change', function() { syncUnits('modal'); });
mCm.addEventListener('change', function() { syncUnits('modal'); });
renderTable('in');
var modal = document.getElementById('luxFitModal');
document.getElementById('btnOpenModal').addEventListener('click', function() { modal.classList.add('show'); });
document.getElementById('btnCloseModal').addEventListener('click', function() { modal.classList.remove('show'); });
modal.addEventListener('click', function(e) { if(e.target === modal) modal.classList.remove('show'); });
var PADS = { regular: 0, relaxed: 1, snug: -0.5 };
function pickSize(userIn, pref) {
var pad = Math.max(-1, Math.min(2, PADS[pref || 'regular'] || 0));
var need = { bust: userIn.bust + pad, waist: userIn.waist + pad, hip: userIn.hip + pad };
for (var i = 0; i < SIZES.length; i++) {
if (SIZES[i].bust >= need.bust && SIZES[i].waist >= need.waist && SIZES[i].hip >= need.hip) return SIZES[i];
}
return SIZES[SIZES.length - 1];
}
var form = document.getElementById('luxFitForm');
form.addEventListener('submit', function (e) {
e.preventDefault();
var unit = mCm.checked ? 'cm' : 'in';
var pref = document.getElementById('inpPref').value;
var b = parseNum(document.getElementById('inpBust').value);
var w = parseNum(document.getElementById('inpWaist').value);
var h = parseNum(document.getElementById('inpHip').value);
if (!(b>0) || !(w>0) || !(h>0)) return;
var bIn = unit === 'cm' ? b / 2.54 : b;
var wIn = unit === 'cm' ? w / 2.54 : w;
var hIn = unit === 'cm' ? h / 2.54 : h;
var rec = pickSize({bust: bIn, waist: wIn, hip: hIn}, pref);
document.getElementById('resSize').textContent = 'UK ' + rec.uk + ' / ' + rec.size;
var outFmt = function(v) { return unit === 'cm' ? Math.round(v) + (isEn ? ' cm' : ' سم') : v.toFixed(1) + '"'; };
document.getElementById('resBust').textContent = outFmt(b);
document.getElementById('resWaist').textContent = outFmt(w);
document.getElementById('resHip').textContent = outFmt(h);
try { localStorage.setItem('luxLastSize', JSON.stringify({unit: unit, pref: pref, b: b, w: w, h: h})); } catch(err){}
});
document.getElementById('btnSave').addEventListener('click', function() {
if(document.getElementById('resSize').textContent === '—') return alert(txt.alertCalc);
try {
var data = localStorage.getItem('luxLastSize');
if(data) localStorage.setItem('luxSavedSize', data);
alert(txt.alertSave);
} catch(err){}
});
document.getElementById('btnLoad').addEventListener('click', function() {
try {
var saved = JSON.parse(localStorage.getItem('luxSavedSize') || localStorage.getItem('luxLastSize'));
if(!saved) return alert(txt.alertLoad);
(saved.unit === 'cm' ? mCm : mIn).checked = true;
document.getElementById('inpBust').value = saved.b;
document.getElementById('inpWaist').value = saved.w;
document.getElementById('inpHip').value = saved.h;
document.getElementById('inpPref').value = saved.pref;
syncUnits('modal');
} catch(err){}
});
}
})();