${o["h1"]}

`; } step3Content.innerHTML = item; } function getInstallTypeForJS(installType) { let installTypeForJS = "standard"; if( installType === "price_remont" ) { installTypeForJS = "beforeRepair"; } return installTypeForJS; } const fieldNames = ['room-area', 'install-type', 'install-variant']; function validateStep(step) { //step = step - 1; const fields = fieldNames.map((fieldName) => { return document.querySelector(`#step-${step} input[name=${fieldName}]:checked`); }); //console.log(fields); const checkedFields = fields.filter((field) => field !== null); console.log(checkedFields); if (checkedFields.length === 0) { alert('Выберите один из вариантов'); return false; } return true; } let calcTotalPrice = ''; function totalPrice() { const roomArea = document.querySelector('input[name="room-area"]:checked').value; const roomAreaH1 = document.querySelector('input[name="room-area"]:checked').dataset.h1; const roomAreaImg = document.querySelector('input[name="room-area"]:checked').dataset.img; const installType = document.querySelector('input[name="install-type"]:checked').value; const installTypeH1 = document.querySelector('input[name="install-type"]:checked').parentNode.textContent.trim(); const installVariant = document.querySelector('input[name="install-variant"]:checked').value; const installVariantH1 = document.querySelector('input[name="install-variant"]:checked').parentNode.textContent.trim(); const installTypeForJS = getInstallTypeForJS(installType); const concatIndex = `${roomArea}-${installTypeForJS}-${installVariant}`; calcTotalPrice = parseInt(basePrice[roomArea][installType]) + parseInt(variantPrice[concatIndex]["plus_to_price"]); let linkToPriceTable = ` Цена установки кондиционера`; if( installType == 'price_remont' ) { linkToPriceTable = ` Цены на закладку магистрали для кондиционера`; } let youChoose = `

По выбранным парамметрам:
Площадь / мощность: ${roomAreaH1}.
Этап монтажа: ${installTypeH1}.
Вид установки: ${installVariantH1}

`; step4Content.innerHTML = youChoose + `

Цена установки: ${calcTotalPrice} грн.
При наличии утепленного фасада - плюс: ${basePrice[roomArea]["plus_facade"]}
При установке в корзину - плюс: ${basePrice[roomArea]["plus_cart"]}
${linkToPriceTable}

`; //console.log('log:'+roomAreaH1, roomAreaImg, installTypeH1, installVariantH1); //console.log('log:'+roomArea, installType, installTypeForJS, installVariant, concatIndex); //console.log(basePrice[roomArea][installType], variantPrice[concatIndex]); } const stepResult = document.getElementById('step-result-btn'); stepResult.addEventListener('click', function (event){ event.preventDefault(); if( validateStep(3) ) { totalPrice(); } }); /*const stepSubmit = document.getElementById('step-form-submit'); stepSubmit.addEventListener('click', function (event){ event.preventDefault(); if( validateStep(3) ) { alert('sent user contacts'); } });*/ const formCalc = document.querySelector('#form-calc'); const phoneField = document.querySelector('#phone-calc'); const phoneError = document.querySelector('#phone-calc-error'); const phoneSuccess = document.querySelector('#phone-calc-success'); formCalc.addEventListener('submit', async (event) => { event.preventDefault(); // Valid the phone field if (!phoneField.checkValidity()) { phoneField.classList.add('error'); phoneError.style.display = 'block'; phoneSuccess.style.display = 'none'; return; } const phone = phoneField.value; const catalogId = document.querySelector('.productCode')?.textContent.match(/\d+/)[0]; // Selected Option const roomAreaH1 = document.querySelector('input[name="room-area"]:checked').dataset.h1; const installTypeH1 = document.querySelector('input[name="install-type"]:checked').parentNode.textContent.trim(); const installVariantH1 = document.querySelector('input[name="install-variant"]:checked').parentNode.textContent.trim(); try { // Send to server const response = await fetch('/api/?do=send-phone-from-calculator', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ phone, area: roomAreaH1, type: installTypeH1, variant: installVariantH1, catalogId, totalPrice: calcTotalPrice }) }); // Get answer const result = await response.json(); if (true) {//result.success phoneField.classList.remove('error'); phoneField.value = ''; phoneError.style.display = 'none'; phoneSuccess.textContent = result.message; //'Form submitted successfully!'; phoneSuccess.style.display = 'block'; setTimeout(() => { phoneSuccess.style.display = 'none'; }, 3000); } else { phoneError.textContent = result.message; //'There was an error submitting the form.'; phoneError.style.display = 'block'; phoneSuccess.style.display = 'none'; } } catch (error) { console.error(error); phoneError.textContent = "Произошла ошибка. Вы можете связаться с нами через телефон или мессенджеры."; phoneError.style.display = 'block'; phoneSuccess.style.display = 'none'; } }); // Добавляем обработчик события для снятия подсветки с поля телефона при вводе phoneField.addEventListener('input', () => { if (phoneField.checkValidity()) { phoneField.classList.remove('error'); phoneError.style.display = 'none'; phoneSuccess.style.display = 'none'; } });