${name}

${value}

`).join(''); } function initConstructor(products) { const section = document.querySelector('.watch-page .constructor'); const modelBox = section.querySelector('.constructor__models'); const variantsBox = section.querySelector('.watch__variants'); const productName = section.querySelector('.constructor__product-name'); const image = section.querySelector('.constructor__image'); const placeholder = section.querySelector('.constructor__image-placeholder'); const price = section.querySelector('.constructor__price'); const credit = section.querySelector('.constructor__credit'); const buyLink = section.querySelector('.constructor__link'); const current = { group: 'series', sku: null }; const productsByGroup = { series: [], ultra: [] }; products.forEach((product) => { const group = groups.series.skus.includes(String(product.sku)) ? 'series' : 'ultra'; productsByGroup[group].push(product); }); modelBox.innerHTML = Object.entries(groups).map(([key, group], index) => ``).join(''); function updateProduct(sku) { const product = productsByGroup[current.group].find((item) => String(item.sku) === String(sku)) || productsByGroup[current.group][0]; if (!product) return; current.sku = String(product.sku); variantsBox.querySelectorAll('[data-watch-sku]').forEach((button) => button.classList.toggle('watch__variant--active', button.dataset.watchSku === current.sku)); productName.textContent = product.title || product.name || groups[current.group][activeLang]; price.textContent = product.price ? `${Number(product.price).toLocaleString('ru-RU')} ₸` : text[activeLang].unavailable; const installment = getCredit(product); credit.textContent = installment ? text[activeLang].monthly(installment.amount, installment.months) : ''; buyLink.textContent = text[activeLang].buy; buyLink.href = `https://www.technodom.kz/p/${product.sku}`; const imageUrl = getImage(product); image.hidden = !imageUrl; placeholder.hidden = Boolean(imageUrl); if (imageUrl) { image.src = imageUrl; image.alt = product.title || ''; } else placeholder.textContent = text[activeLang].imageUnavailable; renderSpecs(getSpecs(product)); } function renderVariants() { const list = productsByGroup[current.group]; variantsBox.innerHTML = list.map((product) => { const meta = getVariantMeta(product.title, groups[current.group][activeLang]); const colorMarkup = SHOW_COLOR_TEXT ? `${meta.color}` : `${meta.color}`; return ` `; }).join(''); updateProduct(current.sku || list[0]?.sku); } modelBox.addEventListener('click', (event) => { const button = event.target.closest('[data-watch-group]'); if (!button) return; current.group = button.dataset.watchGroup; modelBox.querySelectorAll('[data-watch-group]').forEach((item) => { const active = item === button; item.classList.toggle('constructor__model-btn--active', active); item.setAttribute('aria-selected', String(active)); }); current.sku = null; renderVariants(); updateWatchShowcase(current.group); }); variantsBox.addEventListener('click', (event) => { const button = event.target.closest('[data-watch-sku]'); if (button) updateProduct(button.dataset.watchSku); }); renderVariants(); updateWatchShowcase(current.group); } async function initWatchPage() { addWatchStyles(); loadSwiper(); // Сразу показываем витрину первой модели — не дожидаясь ответа API. // Если каталог не ответит и конструктор скроется, витрина всё равно видна. updateWatchShowcase(Object.keys(groups)[0]); try { const cityId = await getCityId(); const skus = [...new Set([...SERIES_SKUS, ...ULTRA_SKUS])]; const response = await fetch('https://api.technodom.kz/katalog/api/v1/products/landings', { method: 'POST', headers: { 'Content-Type': 'application/json', affiliation: 'web', ...(activeLang === 'kk' ? { 'Content-Language': 'kk-KK' } : {}) }, body: JSON.stringify({ skus, city_id: cityId, limit: 100, page: 1 }) }); if (!response.ok) throw new Error('Не удалось получить Apple Watch'); const { payload = [] } = await response.json(); const products = payload.filter((product) => product.price || product.images?.length); if (!products.length) throw new Error('Apple Watch отсутствуют в каталоге'); initConstructor(products); } catch (error) { console.error('Не удалось инициализировать конструктор Apple Watch:', error); document.querySelector('.watch-page .constructor').hidden = true; } } const form = document.querySelector('.watch-page .lead-form__form'); if (form) form.addEventListener('submit', (event) => event.preventDefault()); initWatchPage();

Apple Watch Series 12 — күнделікті өмірге ыңғайлы таңдау.

Apple Watch Ultra 4 — алдына биік мақсат қоятындарға арнап жасалған.

Үлгіні таңдаңыз