{"id":8,"date":"2025-09-05T07:33:03","date_gmt":"2025-09-05T07:33:03","guid":{"rendered":"https:\/\/furnicalc.com.ua\/?page_id=8"},"modified":"2025-09-05T07:33:04","modified_gmt":"2025-09-05T07:33:04","slug":"8-2","status":"publish","type":"page","link":"https:\/\/furnicalc.com.ua\/","title":{"rendered":""},"content":{"rendered":"<script>\n    const profilePrices = {\"kursbaksa\":\"43.50\",\"r1_profile_01_rozdrib\":\"14.32\",\"r1_profile_02_rozdrib\":\"20.23\",\"r1_profile_03_rozdrib\":\"19.10\",\"r1_profile_04_rozdrib\":\"23.70\",\"r1_profile_05_rozdrib\":\"19.11\",\"r3_profile_01_rozdrib\":\"23.55\",\"r3_profile_02_rozdrib\":\"23.55\",\"r4_profile_01_rozdrib\":\"29.56\",\"r4_profile_02_rozdrib\":\"23.70\",\"r4_profile_03_rozdrib\":\"25.16\",\"r4_profile_04_rozdrib\":\"24.26\",\"r4_profile_05_rozdrib\":\"30.97\",\"r4_profile_06_rozdrib\":\"\",\"r4_profile_07_rozdrib\":\"29.10\",\"r4_profile_08_rozdrib\":\"37.21\",\"r4_profile_09_rozdrib\":\"33.12\",\"r298_profile_01_rozdrib\":\"21.20\",\"r298_profile_02_rozdrib\":\"21.45\",\"r298_profile_03_rozdrib\":\"\",\"r298_profile_04_rozdrib\":\"25.65\",\"r298_profile_05_rozdrib\":\"25.86\",\"r298_profile_06_rozdrib\":\"28.51\",\"r298_profile_07_rozdrib\":\"25.74\",\"r298_profile_08_rozdrib\":\"27.66\",\"r298_profile_09_rozdrib\":\"32.08\",\"r298_profile_10_rozdrib\":\"34.32\",\"r298_profile_11_rozdrib\":\"30.82\",\"angle_AK38_rozdrib\":\"0.60\",\"angle_\\u0410\\u0412116_rozdrib\":\"0.47\",\"ychilnyvach_rozdrib\":\"0.53\",\"glass_10209_rozdrib\":\"22.86\",\"glass_20852_rozdrib\":\"13.91\",\"glass_10217_rozdrib\":\"18.29\",\"glass_10221_rozdrib\":\"29.63\",\"glass_28577_rozdrib\":\"27.98\",\"glass_38841_rozdrib\":\"38.61\",\"service_01_rozdrib\":\"0.57\",\"service_02_rozdrib\":\"3.45\",\"otvir_rozdrib\":\"0.16\",\"submit\":\"\\u0417\\u0431\\u0435\\u0440\\u0435\\u0433\\u0442\\u0438\"};\n\/\/    console.log(\"\u0426\u0456\u043d\u0438 \u0437 \u043d\u0430\u043b\u0430\u0448\u0442\u0443\u0432\u0430\u043d\u044c:\", profilePrices); \/\/ \u0414\u043b\u044f \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0438\n<\/script>\n\n<script>\n        \/\/ JavaScript \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0456\u043d\u043d\u044f \u0432\u043a\u043b\u0430\u0434\u043a\u0430\u043c\u0438\n        function showTab(index) {\n            let tabs = document.querySelectorAll('.wizard-tab');\n            let buttons = document.querySelectorAll('.tab-link');\n            tabs.forEach((tab, i) => {\n                tab.classList.toggle('active', i === index);\n            });\n            buttons.forEach((button, i) => {\n                button.classList.toggle('active', i === index);\n            });\n        }\n\t\t\n\t\t\n\tfunction showProfileTab(index) {\n        let profileTabs = document.querySelectorAll('.profile-tab');\n        let profileButtons = document.querySelectorAll('.profile-tab-link');\n        profileTabs.forEach((tab, i) => {\n            tab.classList.toggle('active', i === index);\n            tab.style.display = i === index ? 'block' : 'none';  \/\/ Ensuring only the selected tab shows\n        });\n        profileButtons.forEach((button, i) => {\n            button.classList.toggle('active', i === index);\n        });\n    }\n\n    \/\/ Initialize only the first profile tab as visible\n    document.addEventListener(\"DOMContentLoaded\", () => {\n        let profileTabs = document.querySelectorAll('.profile-tab');\n        profileTabs.forEach((tab, i) => {\n            tab.style.display = i === 0 ? 'block' : 'none';\n        });\n    });\n\n\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const checkbox = document.getElementById(\"otvir_rozdrib\");\n        const quantityInput = document.getElementById(\"quantity_input\");\n        const quantityLabel = document.getElementById(\"quantity_label\");\n\n        \/\/ Initially hide the quantity label and input\n        quantityInput.style.display = \"none\";\n        quantityLabel.style.display = \"none\";\n\n        \/\/ Toggle visibility of label and input based on checkbox status\n        checkbox.addEventListener(\"change\", function() {\n            if (checkbox.checked) {\n                quantityLabel.style.display = \"block\";\n                quantityInput.style.display = \"block\";\n            } else {\n                quantityLabel.style.display = \"none\";\n                quantityInput.style.display = \"none\";\n            }\n        });\n    });\n\t\t\n    \n\t\n\n\/\/\/\/\/\/\/\t\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const inputHeight = document.getElementById(\"input_height\");\n    const inputWidth = document.getElementById(\"input_width\");\n\n    let finalProfilePrice = 0;\n    let finalOtvirPrice = 0;\n    let finalGlassPrice = 0;\n    let finalAnglePrice = 0;\n    let finalSealantPrice = 0;\n    let finalServicePrice = 0;\n    let finalAssemblyPrice = parseFloat(profilePrices.service_02_rozdrib) || 0; \/\/ \u0426\u0456\u043d\u0430 \u043f\u043e\u0441\u043b\u0443\u0433\u0438 \u0441\u043a\u043b\u0430\u0434\u0430\u043d\u043d\u044f\n    const kursbaksa = parseFloat(profilePrices.kursbaksa) || 1; \/\/ \u041a\u0443\u0440\u0441 \u0434\u043e\u043b\u0430\u0440\u0430 \u0434\u043e \u0433\u0440\u0438\u0432\u043d\u0456\n\n    \/\/ \u0426\u0456\u043d\u0438 \u0434\u043b\u044f \u043e\u0442\u0432\u043e\u0440\u0456\u0432, \u0441\u043a\u043b\u0430, \u043a\u0443\u0442\u043d\u0438\u043a\u0456\u0432, \u0443\u0449\u0456\u043b\u044c\u043d\u044e\u0432\u0430\u0447\u0430 \u0442\u0430 \u043f\u043e\u0441\u043b\u0443\u0433\n    const otvirRozdrib = profilePrices.otvir_rozdrib;\n    const ychilnyvachRozdrib = profilePrices.ychilnyvach_rozdrib;\n    const servicePrice = profilePrices.service_01_rozdrib;\n    const glassPrices = {\n        \"glass_10209_rozdrib\": profilePrices.glass_10209_rozdrib,\n        \"glass_10217_rozdrib\": profilePrices.glass_10217_rozdrib,\n        \"glass_10221_rozdrib\": profilePrices.glass_10221_rozdrib,\n        \"glass_20852_rozdrib\": profilePrices.glass_20852_rozdrib,\n        \"glass_28577_rozdrib\": profilePrices.glass_28577_rozdrib,\n        \"glass_38841_rozdrib\": profilePrices.glass_38841_rozdrib\n    };\n    const anglePrices = {\n        \"angle_AK38_rozdrib\": profilePrices.angle_AK38_rozdrib,\n        \"angle_\u0410\u0412116_rozdrib\": profilePrices.angle_\u0410\u0412116_rozdrib\n    };\n\n    const quantityInput = document.getElementById(\"quantity_input\");\n    const calculateButton = document.getElementById(\"calculate_button\");\n    const profilePriceOutput = document.getElementById(\"profile_price_output\");\n    const totalPriceOutput = document.getElementById(\"total_price_output\"); \/\/ \u0415\u043b\u0435\u043c\u0435\u043d\u0442 \u0434\u043b\u044f \u0432\u0438\u0432\u043e\u0434\u0443 \u0437\u0430\u0433\u0430\u043b\u044c\u043d\u043e\u0457 \u0446\u0456\u043d\u0438\n\n    function calculateProfilePrice() {\n    const selectedProfile = document.querySelector('input[name=\"profile-radio-option\"]:checked');\n    const selectedGlass = document.querySelector('input[name=\"glass_type\"]:checked');\n    const height = parseFloat(inputHeight.value) || 0;\n    const width = parseFloat(inputWidth.value) || 0;\n\n\/\/ \u0420\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043e\u043a \u0446\u0456\u043d\u0438 \u043f\u0440\u043e\u0444\u0456\u043b\u044e\nif (selectedProfile && height > 0 && width > 0) {\n    const profileKey = selectedProfile.value;\n    const profilePrice = profilePrices[profileKey];\n\n    if (profilePrice && profilePrice > 0) {\n        \/\/ \u0412\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u043a\u043e\u0435\u0444\u0456\u0446\u0456\u0454\u043d\u0442\u0430 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0456 \u043f\u0440\u043e\u0444\u0456\u043b\u044e\n        let coefficient = 5.4;\n        const profilesWith5_4 = [\n            \"r1_profile_01_rozdrib\", \"r1_profile_02_rozdrib\", \"r1_profile_03_rozdrib\", \"r1_profile_04_rozdrib\",\n            \"r3_profile_01_rozdrib\", \"r3_profile_02_rozdrib\", \"r4_profile_01_rozdrib\", \"r4_profile_02_rozdrib\",\n            \"r4_profile_03_rozdrib\", \"r4_profile_04_rozdrib\", \"r298_profile_01_rozdrib\", \"r298_profile_02_rozdrib\",\n            \"r298_profile_03_rozdrib\", \"r298_profile_04_rozdrib\"\n        ];\n        const profilesWith5_5 = [\n            \"r1_profile_05_rozdrib\", \"r4_profile_05_rozdrib\", \"r4_profile_07_rozdrib\",\n            \"r4_profile_08_rozdrib\", \"r4_profile_09_rozdrib\", \"r298_profile_05_rozdrib\", \"r298_profile_06_rozdrib\",\n            \"r298_profile_07_rozdrib\", \"r298_profile_08_rozdrib\", \"r298_profile_09_rozdrib\", \"r298_profile_10_rozdrib\",\n            \"r298_profile_11_rozdrib\"\n        ];\n\n        if (profilesWith5_4.includes(profileKey)) {\n            coefficient = 5.4;\n        } else if (profilesWith5_5.includes(profileKey)) {\n            coefficient = 5.5;\n        }\n\n        \/\/ \u0420\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043e\u043a \u0434\u043e\u0432\u0436\u0438\u043d\u0438 \u043f\u0440\u043e\u0444\u0456\u043b\u044e \u0442\u0430 \u043f\u043e\u0434\u0430\u043b\u044c\u0448\u0435 \u043e\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u043d\u044f \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0443 \u0434\u0456\u043b\u0435\u043d\u043d\u044f\n        const profileLength = (height * 2 + width * 2) \/ 1000;\n        const adjustedLength = parseFloat((profileLength \/ coefficient).toFixed(3));\n\n        \/\/ \u0420\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043e\u043a \u043a\u0456\u043d\u0446\u0435\u0432\u043e\u0457 \u0446\u0456\u043d\u0438 \u043f\u0440\u043e\u0444\u0456\u043b\u044e \u0437 \u0443\u0440\u0430\u0445\u0443\u0432\u0430\u043d\u043d\u044f\u043c \u043e\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u043e\u0457 \u0434\u043e\u0432\u0436\u0438\u043d\u0438\n        finalProfilePrice = adjustedLength * profilePrice * 1.2;\n    } else {\n        finalProfilePrice = 0;\n    }\n} else {\n    finalProfilePrice = 0;\n}\n\n\n\n\n    \/\/ \u0420\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043e\u043a \u0446\u0456\u043d\u0438 \u043e\u0442\u0432\u043e\u0440\u0456\u0432\n    const quantity = parseInt(quantityInput.value) || 0;\n    if (quantity > 0 && otvirRozdrib) {\n        finalOtvirPrice = quantity * otvirRozdrib;\n    } else {\n        finalOtvirPrice = 0;\n    }\n\n\/\/ \u0420\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043e\u043a \u0446\u0456\u043d\u0438 \u0441\u043a\u043b\u0430\nif (selectedGlass && height > 0 && width > 0) {\n    const glassKey = selectedGlass.value;\n    const glassPrice = glassPrices[glassKey];\n    \n    if (glassPrice && glassPrice > 0) {\n        \/\/ \u0420\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043e\u043a \u043f\u043b\u043e\u0449\u0456 \u0441\u043a\u043b\u0430 \u0437 \u043e\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u043d\u044f\u043c \u0434\u043e 3 \u0437\u043d\u0430\u043a\u0456\u0432 \u043f\u0435\u0440\u0435\u0434 \u043c\u043d\u043e\u0436\u0435\u043d\u043d\u044f\u043c\n        const adjustedGlassArea = parseFloat(((height - 6) * (width - 6) \/ 1000000).toFixed(3));\n        finalGlassPrice = adjustedGlassArea * glassPrice;\n    } else {\n        finalGlassPrice = 0;\n    }\n} else {\n    finalGlassPrice = 0;\n}\n\n\n    \/\/ \u0420\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043e\u043a \u0446\u0456\u043d\u0438 \u043a\u0443\u0442\u043d\u0438\u043a\u0456\u0432, \u0442\u0456\u043b\u044c\u043a\u0438 \u044f\u043a\u0449\u043e \u0454 \u0432\u0438\u0441\u043e\u0442\u0430 \u0456 \u0448\u0438\u0440\u0438\u043d\u0430\n    if (height > 0 && width > 0 && selectedProfile) {\n        const profileKey = selectedProfile.value;\n        if (profileKey.startsWith(\"r3_profile_\") || profileKey.startsWith(\"r4_profile_\") || profileKey.startsWith(\"r298_profile_\")) {\n            finalAnglePrice = (anglePrices.angle_AK38_rozdrib || 0) * 4;\n        } else if (profileKey.startsWith(\"r1_profile_\")) {\n            finalAnglePrice = (anglePrices.angle_\u0410\u0412116_rozdrib || 0) * 4;\n        } else {\n            finalAnglePrice = 0;\n        }\n    } else {\n        finalAnglePrice = 0;\n    }\n\n    \/\/ \u0420\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043e\u043a \u0446\u0456\u043d\u0438 \u0443\u0449\u0456\u043b\u044c\u043d\u044e\u0432\u0430\u0447\u0430\n    if (height > 0 && width > 0 && ychilnyvachRozdrib) {\n        finalSealantPrice = ((height * 2 + width * 2) \/ 1000) * ychilnyvachRozdrib;\n    } else {\n        finalSealantPrice = 0;\n    }\n\n    \/\/ \u0420\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043e\u043a \u0446\u0456\u043d\u0438 \u043f\u043e\u0441\u043b\u0443\u0433\u0438 \u0428\u043b\u0456\u0444\u0443\u0432\u0430\u043d\u043d\u044f \u0442\u043e\u0440\u0446\u0456\u0432 \u0441\u043a\u043b\u043e\u043c\u0430\u0442\u0435\u0440\u0456\u0430\u043b\u0443\n    if (selectedGlass && height > 0 && width > 0 && servicePrice) {\n        finalServicePrice = ((height * 2 + width * 2) \/ 1000) * servicePrice;\n    } else {\n        finalServicePrice = 0;\n    }\n\n    \/\/ \u0420\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043e\u043a \u0446\u0456\u043d\u0438 \u0421\u043a\u043b\u0430\u0434\u0430\u043d\u043d\u044f \u0440\u0430\u043c\u043a\u043e\u0432\u043e\u0433\u043e \u0444\u0430\u0441\u0430\u0434\u0443, \u0442\u0456\u043b\u044c\u043a\u0438 \u044f\u043a\u0449\u043e \u0454 \u0432\u0438\u0441\u043e\u0442\u0430 \u0456 \u0448\u0438\u0440\u0438\u043d\u0430\n    if (height > 0 && width > 0) {\n        finalAssemblyPrice = parseFloat(profilePrices.service_02_rozdrib) || 0;\n    } else {\n        finalAssemblyPrice = 0;\n    }\n\n    \/\/ \u041e\u0431\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u044f \u0437\u0430\u0433\u0430\u043b\u044c\u043d\u043e\u0457 \u0446\u0456\u043d\u0438 \u0432 \u0434\u043e\u043b\u0430\u0440\u0430\u0445 \u0456 \u0433\u0440\u0438\u0432\u043d\u044f\u0445\n    const totalPriceUSD = finalProfilePrice + finalOtvirPrice + finalGlassPrice + finalAnglePrice + finalSealantPrice + finalServicePrice + finalAssemblyPrice;\n    const totalPriceUAH = totalPriceUSD * kursbaksa;\n\n\/\/ \u0412\u0438\u0432\u0435\u0434\u0435\u043d\u043d\u044f \u043a\u0456\u043d\u0446\u0435\u0432\u0438\u0445 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0456\u0432\n\/\/profilePriceOutput.innerHTML = `\n\/\/    \u0426\u0456\u043d\u0430 \u043f\u0440\u043e\u0444\u0456\u043b\u044e: ${finalProfilePrice.toFixed(2)} $ (${(finalProfilePrice * kursbaksa).toFixed(2)} \u0433\u0440\u043d)<br>\n\/\/    \u0426\u0456\u043d\u0430 \u043e\u0442\u0432\u043e\u0440\u0456\u0432: ${finalOtvirPrice.toFixed(2)} $ (${(finalOtvirPrice * kursbaksa).toFixed(2)} \u0433\u0440\u043d)<br>\n\/\/    \u0426\u0456\u043d\u0430 \u0441\u043a\u043b\u0430: ${finalGlassPrice.toFixed(2)} $ (${(finalGlassPrice * kursbaksa).toFixed(2)} \u0433\u0440\u043d)<br>\n\/\/    \u0426\u0456\u043d\u0430 \u043a\u0443\u0442\u043d\u0438\u043a\u0456\u0432: ${finalAnglePrice.toFixed(2)} $ (${(finalAnglePrice * kursbaksa).toFixed(2)} \u0433\u0440\u043d)<br>\n\/\/    \u0426\u0456\u043d\u0430 \u0443\u0449\u0456\u043b\u044c\u043d\u044e\u0432\u0430\u0447\u0430: ${finalSealantPrice.toFixed(2)} $ (${(finalSealantPrice * kursbaksa).toFixed(2)} \u0433\u0440\u043d)<br>\n\/\/    \u0426\u0456\u043d\u0430 \u043f\u043e\u0441\u043b\u0443\u0433\u0438 \u0428\u043b\u0456\u0444\u0443\u0432\u0430\u043d\u043d\u044f \u0442\u043e\u0440\u0446\u0456\u0432: ${finalServicePrice.toFixed(2)} $ (${(finalServicePrice * kursbaksa).toFixed(2)} \u0433\u0440\u043d)<br>\n\/\/    \u0426\u0456\u043d\u0430 \u043f\u043e\u0441\u043b\u0443\u0433\u0438 \u0421\u043a\u043b\u0430\u0434\u0430\u043d\u043d\u044f \u0440\u0430\u043c\u043a\u043e\u0432\u043e\u0433\u043e \u0444\u0430\u0441\u0430\u0434\u0443: ${finalAssemblyPrice.toFixed(2)} $ (${(finalAssemblyPrice * kursbaksa).toFixed(2)} \u0433\u0440\u043d)\n\/\/`;\n\n\n    \/\/ \u0412\u0438\u0432\u0435\u0434\u0435\u043d\u043d\u044f \u0437\u0430\u0433\u0430\u043b\u044c\u043d\u043e\u0457 \u0446\u0456\u043d\u0438\n    totalPriceOutput.innerHTML = `\u0426\u0456\u043d\u0430: ${totalPriceUSD.toFixed(2)} $ (${totalPriceUAH.toFixed(2)} \u0433\u0440\u043d)`;\n}\n\n\n    calculateButton.addEventListener(\"click\", calculateProfilePrice);\n});\n\n\n\n\/\/\/\/\/\/\/\/\ndocument.addEventListener('DOMContentLoaded', function() {\n    const calculateButton = document.getElementById('calculate_button');\n\n    if (calculateButton) {\n        calculateButton.addEventListener('click', function(event) {\n            const height = document.getElementById('input_height')?.value.trim();\n            const width = document.getElementById('input_width')?.value.trim();\n            const holesQuantity = document.getElementById('quantity_input')?.value.trim();\n            \n            \/\/ \u041f\u0435\u0440\u0435\u0432\u0456\u0440\u044f\u0454\u043c\u043e, \u0447\u0438 \u0432\u0438\u0431\u0440\u0430\u043d\u0435 \u0441\u043a\u043b\u043e\n            const glassTypeSelected = document.querySelector('input[name=\"glass_type\"]:checked'); \/\/ \u041f\u043e\u0432\u0435\u0440\u0442\u0430\u0454 \u043e\u0431\u0440\u0430\u043d\u0438\u0439 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\n\n            \/\/ \u0412\u0438\u0434\u0430\u043b\u044f\u0454\u043c\u043e \u0430\u0431\u043e \u0441\u0442\u0432\u043e\u0440\u044e\u0454\u043c\u043e \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0434\u043b\u044f \u043f\u0456\u0434\u043a\u0430\u0437\u043e\u043a\n            let hintsContainer = document.getElementById('hints-container');\n            if (!hintsContainer) {\n                hintsContainer = document.createElement('div');\n                hintsContainer.id = 'hints-container';\n                hintsContainer.style.color = 'red';\n                hintsContainer.style.marginTop = '10px';\n                const calcContainer = document.getElementById('calculation-container');\n                if (calcContainer) {\n                    calcContainer.appendChild(hintsContainer);\n                }\n            }\n\n            \/\/ \u041e\u0447\u0438\u0449\u0430\u0454\u043c\u043e \u043f\u043e\u043f\u0435\u0440\u0435\u0434\u043d\u0456 \u043f\u0456\u0434\u043a\u0430\u0437\u043a\u0438\n            hintsContainer.innerHTML = '';\n\n            \/\/ \u0414\u043e\u0434\u0430\u0454\u043c\u043e \u043f\u0456\u0434\u043a\u0430\u0437\u043a\u0443 \u043f\u0440\u043e \u0432\u0438\u0441\u043e\u0442\u0443 \u0442\u0430 \u0448\u0438\u0440\u0438\u043d\u0443, \u044f\u043a\u0449\u043e \u043f\u043e\u043b\u044f \u043f\u043e\u0440\u043e\u0436\u043d\u0456\n            if (!height || !width) {\n                const heightWidthMessage = document.createElement('div');\n                heightWidthMessage.id = 'height-width-hint';\n                heightWidthMessage.textContent = '* \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u0432\u0432\u0435\u0441\u0442\u0438 \u0432\u0438\u0441\u043e\u0442\u0443 \u0442\u0430 \u0448\u0438\u0440\u0438\u043d\u0443';\n                hintsContainer.appendChild(heightWidthMessage);\n            }\n\n            \/\/ \u0414\u043e\u0434\u0430\u0454\u043c\u043e \u043f\u0456\u0434\u043a\u0430\u0437\u043a\u0443 \u043f\u0440\u043e \u043e\u0442\u0432\u043e\u0440\u0438, \u044f\u043a\u0449\u043e \u043a\u0456\u043b\u044c\u043a\u0456\u0441\u0442\u044c \u043d\u0435 \u0432\u0432\u0435\u0434\u0435\u043d\u0430\n            if (!holesQuantity) {\n                const holesHint = document.createElement('div');\n                holesHint.id = 'holes-hint';\n                holesHint.textContent = '* \u044f\u043a\u0449\u043e \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u0456 \u043e\u0442\u0432\u043e\u0440\u0438, \u0432\u0432\u0435\u0434\u0456\u0442\u044c \u043a\u0456\u043b\u044c\u043a\u0456\u0441\u0442\u044c \u043e\u0442\u0432\u043e\u0440\u0456\u0432';\n                hintsContainer.appendChild(holesHint);\n            }\n\n            \/\/ \u0414\u043e\u0434\u0430\u0454\u043c\u043e \u043f\u0456\u0434\u043a\u0430\u0437\u043a\u0443 \u043f\u0440\u043e \u0441\u043a\u043b\u043e, \u044f\u043a\u0449\u043e \u0442\u0438\u043f \u043d\u0435 \u043e\u0431\u0440\u0430\u043d\u0438\u0439\n            if (!glassTypeSelected) {\n                const glassHint = document.createElement('div');\n                glassHint.id = 'glass-hint';\n                glassHint.textContent = '* \u0442\u0430\u043a\u043e\u0436 \u044f\u043a\u0449\u043e \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u0441\u043a\u043b\u043e, \u0432\u0438\u0431\u0435\u0440\u0456\u0442\u044c \u0442\u0438\u043f \u0441\u043a\u043b\u0430';\n                hintsContainer.appendChild(glassHint);\n            }\n\n            \/\/ \u042f\u043a\u0449\u043e \u0432\u0441\u0456 \u0434\u0430\u043d\u0456 \u0437\u0430\u043f\u043e\u0432\u043d\u0435\u043d\u0456, \u043f\u0440\u043e\u0434\u043e\u0432\u0436\u0443\u0454\u043c\u043e\n            if (height && width && holesQuantity && glassTypeSelected) {\n                return;\n            }\n\n            \/\/ \u0417\u0443\u043f\u0438\u043d\u044f\u0454\u043c\u043e \u0432\u0438\u043a\u043e\u043d\u0430\u043d\u043d\u044f \u043e\u0431\u0447\u0438\u0441\u043b\u0435\u043d\u044c, \u044f\u043a\u0449\u043e \u0449\u043e\u0441\u044c \u043d\u0435 \u0437\u0430\u043f\u043e\u0432\u043d\u0435\u043d\u043e\n            event.preventDefault();\n        });\n    } else {\n        console.error('Button with ID \"calculate_button\" not found!');\n    }\n});\n\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\n\n\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    const resetButton = document.getElementById('reset_button');\n    if (resetButton) {\n        resetButton.addEventListener('click', function() {\n            \/\/ \u041f\u0435\u0440\u0435\u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0435\u043d\u043d\u044f \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0438\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c\n            window.location.href = window.location.href.split('?')[0];\n        });\n    } else {\n        console.error('Button with ID \"reset_button\" not found!');\n    }\n});\n\n\n\n\n\/\/\/\/\/\/\/\/\/\/\/\n\n\n\n<\/script>\n\n\n<div id=\"frame-calculator-wizard\">\n        <!-- \u041a\u043d\u043e\u043f\u043a\u0438 \u0434\u043b\u044f \u0432\u043a\u043b\u0430\u0434\u043e\u043a -->\n        <div class=\"tab-buttons\">\n            <button onclick=\"showTab(0)\" class=\"tab-link active\">\u041f\u0440\u043e\u0444\u0456\u043b\u044c<\/button>\n            <button onclick=\"showTab(1)\" class=\"tab-link\">\u041e\u0442\u0432\u043e\u0440\u0438<\/button>\n            <button onclick=\"showTab(2)\" class=\"tab-link\">\u0421\u043a\u043b\u043e<\/button>\n        <\/div>\n\n        <!-- \u0412\u043a\u043b\u0430\u0434\u043a\u0438 -->\n        \n    <div class=\"wizard-tab active\"> <!-- \u041f\u0440\u043e\u0444\u0456\u043b\u044c -->\n\n        <h4>\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u0442\u0438\u043f \u043f\u0440\u043e\u0444\u0456\u043b\u044e<\/h4>\n\n        <!-- \u0412\u043a\u043b\u0430\u0434\u043a\u0438 \u0442\u0438\u043f\u0456\u0432 \u043f\u0440\u043e\u0444\u0456\u043b\u0456\u0432 -->\n        <div class=\"profile-tab-buttons\">\n            <button onclick=\"showProfileTab(0)\" class=\"profile-tab-link active\">R1 (SD-103)<\/button>\n            <button onclick=\"showProfileTab(1)\" class=\"profile-tab-link\">R3<\/button>\n            <button onclick=\"showProfileTab(2)\" class=\"profile-tab-link\">R4 (SD-102)<\/button>\n            <button onclick=\"showProfileTab(3)\" class=\"profile-tab-link\">R298 (M-5)<\/button>\n        <\/div>\n\n        <!-- \u0412\u043a\u043b\u0430\u0434\u043a\u0438 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0443 \u043f\u0440\u043e\u0444\u0456\u043b\u0456\u0432 -->\n        <div class=\"profile-tab active\"> <!-- R1 (SD-103) -->\n\t\t\t<br>\n\t\t\t<div class=\"profile-container\">\n\t\t\t\t<div class=\"profile-options\">\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r1_profile_01_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 R 1 \u041c\u0430\u0442\u043e\u0432\u0430 \u0448\u0430\u043c\u043f\u0430\u043d\u044c<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r1_profile_02_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 R 1 \u041c\u0430\u0442\u043e\u0432\u0438\u0439 \u0445\u0440\u043e\u043c<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r1_profile_03_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 R 1 \u041c\u0430\u0442\u043e\u0432\u0435 \u0437\u043e\u043b\u043e\u0442\u043e<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r1_profile_04_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 R 1 \u0411\u0456\u043b\u0438\u0439<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r1_profile_05_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 SD-103 (R1) \u0427\u043e\u0440\u043d\u0438\u0439<\/label>\n\t\t\t\t<\/div>\n\t\t\t\t\n        <div class=\"profile-image-preview\">\n            <img decoding=\"async\" class=\"profile-image\" src=\"\" alt=\"\u0417\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f \u043f\u0440\u043e\u0444\u0456\u043b\u044e\">\n        <\/div>\n\t\t\n\t\t\t<\/div>\n        <\/div>\n\n        <div class=\"profile-tab\"> <!-- R3 -->\n\t\t\t<br>\n\t\t\t<div class=\"profile-container\">\n\t\t\t\t<div class=\"profile-options\">\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r3_profile_01_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 R 3 \u041c\u0430\u0442\u043e\u0432\u0430 \u0448\u0430\u043c\u043f\u0430\u043d\u044c<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r3_profile_02_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 R 3 \u041c\u0430\u0442\u043e\u0432\u0435 \u0437\u043e\u043b\u043e\u0442\u043e<\/label><br>\n\t\t\t\t<\/div>\n\t\t\n        <div class=\"profile-image-preview\">\n            <img decoding=\"async\" class=\"profile-image\" src=\"\" alt=\"\u0417\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f \u043f\u0440\u043e\u0444\u0456\u043b\u044e\">\n        <\/div>\n\t\t\n\t\t\t<\/div>\n        <\/div>\n\n        <div class=\"profile-tab\"> <!-- R4 (SD-102) -->\n\t\t\t<br>\n\t\t\t<div class=\"profile-container\">\n\t\t\t\t<div class=\"profile-options\">\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r4_profile_01_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 SD-102 (R4) \u0411\u0456\u043b\u0438\u0439<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r4_profile_02_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 R 4 \u041c\u0430\u0442\u043e\u0432\u0430 \u0448\u0430\u043c\u043f\u0430\u043d\u044c<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r4_profile_03_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 R 4 \u041c\u0430\u0442\u043e\u0432\u0435 \u0437\u043e\u043b\u043e\u0442\u043e<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r4_profile_04_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 R 4 \u043c\u0430\u0442\u043e\u0432\u0438\u0439 \u0445\u0440\u043e\u043c<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r4_profile_05_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 SD-102 (R4) \u0413\u0440\u0430\u0444\u0456\u0442 \u0431\u0440\u0430\u0448<\/label><br>\n\t\t\t\t\t<!--<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r4_profile_06_rozdrib\"> \u041f\u0440\u043e\u0444\u0456\u043b\u044c \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 \u0417\u043e\u043b\u043e\u0442\u043e \u0431\u0440\u0430\u0448 SD-102<\/label><br>-->\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r4_profile_07_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 SD-102 (R4) \u0421\u0440\u0456\u0431\u043b\u043e \u0431\u0440\u0430\u0448<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r4_profile_08_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 SD-102 (R4) \u0427\u043e\u0440\u043d\u0438\u0439 \u0431\u0440\u0430\u0448<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r4_profile_09_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 SD-102 (R4) \u0427\u043e\u0440\u043d\u0438\u0439<\/label>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t<div class=\"profile-image-preview\">\n            <img decoding=\"async\" class=\"profile-image\" src=\"\" alt=\"\u0417\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f \u043f\u0440\u043e\u0444\u0456\u043b\u044e\">\n        <\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\n        <\/div>\n \n\t\t<div class=\"profile-tab\"> <!-- R298 (M-5) -->\n\t\t\t<br>\n\t\t\t<div class=\"profile-container\">\n\t\t\t\t<div class=\"profile-options\">\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r298_profile_01_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 R 298 \u041c\u0430\u0442\u043e\u0432\u0430 \u0448\u0430\u043c\u043f\u0430\u043d\u044c<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r298_profile_02_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 R 298 \u041c\u0430\u0442\u043e\u0432\u0435 \u0437\u043e\u043b\u043e\u0442\u043e<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r298_profile_03_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 \u041c-5 (R298) \u041c\u0430\u0442\u043e\u0432\u0435 \u0441\u0440\u0456\u0431\u043b\u043e<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r298_profile_04_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 \u041c-5 (R298) \u0411\u0456\u043b\u0438\u0439<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r298_profile_05_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 \u041c-5 (R298) \u0412\u0438\u043d\u043d\u043e\u0447\u0435\u0440\u0432\u043e\u043d\u0438\u0439<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r298_profile_06_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 \u041c-5 (R298) \u0413\u0440\u0430\u0444\u0456\u0442 \u0431\u0440\u0430\u0448 <\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r298_profile_07_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 \u041c-5 (R298) \u0415\u043b\u0435\u0433\u0430\u043d\u0442\u043d\u0438\u0439 \u0441\u0456\u0440\u0438\u0439<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r298_profile_08_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 \u041c-5 (R298) \u0417\u043e\u043b\u043e\u0442\u043e \u0431\u0440\u0430\u0448<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r298_profile_09_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 \u041c-5 (R298) \u0421\u0440\u0456\u0431\u043b\u043e \u0431\u0440\u0430\u0448<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r298_profile_10_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 \u041c-5 (R298) \u0427\u043e\u0440\u043d\u0438\u0439 \u0431\u0440\u0430\u0448<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"profile-radio-option\" value=\"r298_profile_11_rozdrib\"> \u0424\u0430\u0441\u0430\u0434 \u0440\u0430\u043c\u043a\u043e\u0432\u0438\u0439 \u041c-5 (R298) \u0427\u043e\u0440\u043d\u0438\u0439<\/label>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t<div class=\"profile-image-preview\">\n            <img decoding=\"async\" class=\"profile-image\" src=\"\" alt=\"\u0417\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f \u043f\u0440\u043e\u0444\u0456\u043b\u044e\">\n        <\/div>\n\t\t\t\t\n\t\t\t<\/div>\n        <\/div>\n\n\n    <\/div>\n    \n    <div class=\"wizard-tab\"> <!-- \u041e\u0442\u0432\u043e\u0440\u0438 -->\n            <h4>\u0424\u0440\u0435\u0437\u0435\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u043e\u0442\u0432\u043e\u0440\u0456\u0432 \u043f\u0456\u0434 \u0437\u0430\u0432\u0456\u0441\u0438<\/h4>\n\t\t\t\t<div class=\"checkbox-options\">\n\t\t\t\t\t<input id=\"otvir_rozdrib\" class=\"substituted\" type=\"checkbox\" \/>\n\t\t\t\t\t<label for=\"otvir_rozdrib\">\u0412\u043a\u0430\u0437\u0430\u0442\u0438 \u043a\u0456\u043b\u044c\u043a\u0456\u0441\u0442\u044c \u0437\u0430\u0432\u0456\u0441\u0456\u0432?<\/label>\n\t\t\t\t<\/div>\n\t\t\t\t<br>\n\t\t\t\t<!-- \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u0438 \u043f\u043e\u043b\u0435 \u0434\u043b\u044f \u0432\u0432\u0435\u0434\u0435\u043d\u043d\u044f, \u0431\u0443\u0434\u0435 \u0432\u0438\u0434\u043d\u043e \u044f\u043a\u0449\u043e \u043d\u0430\u0442\u0438\u0441\u043d\u0443\u0442\u0438 \u0447\u0435\u043a\u0431\u043e\u043a\u0441 -->\n\t\t\t\t<div>\n\t\t\t\t\t<label for=\"quantity_input\" id=\"quantity_label\" style=\"display:none;\">\u0412\u0432\u0435\u0434\u0456\u0442\u044c \u043a\u0456\u043b\u044c\u043a\u0456\u0441\u0442\u044c <\/label>\n\t\t\t\t\t<input type=\"text\" id=\"quantity_input\" name=\"quantity_input\" size=\"4\" style=\"display:none;\" \/>\n\t\t\t\t<\/div>\n    <\/div>\n\t\n\t\n\n    <div class=\"wizard-tab\"> <!-- \u0421\u043a\u043b\u043e -->\n            <h4>\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u0441\u043a\u043b\u043e<\/h4>\n\t\t\t\t<div class=\"glass-options\">\n\t\t\t\t\t<label><input type=\"radio\" name=\"glass_type\" value=\"glass_10209_rozdrib\"> \u0414\u0437\u0435\u0440\u043a\u0430\u043b\u043e \u0441\u0440\u0456\u0431\u043b\u043e<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"glass_type\" value=\"glass_20852_rozdrib\"> \u0421\u043a\u043b\u043e \u0437\u0432\u0438\u0447\u0430\u0439\u043d\u0435 4 \u043c\u043c<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"glass_type\" value=\"glass_10217_rozdrib\"> \u0421\u043a\u043b\u043e \u043c\u0430\u0442\u043e\u0432\u0430\u043d\u0435 4 \u043c\u043c<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"glass_type\" value=\"glass_10221_rozdrib\"> \u0421\u043a\u043b\u043e \u0442\u043e\u043d\u043e\u0432\u0430\u043d\u0435 \u043a\u043e\u0440\u0438\u0447\u043d\u0435\u0432\u0435 4 \u043c\u043c<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"glass_type\" value=\"glass_28577_rozdrib\"> \u0421\u043a\u043b\u043e \u0433\u0440\u0430\u0444\u0456\u0442\u043e\u0432\u0435 4 \u043c\u043c<\/label><br>\n\t\t\t\t\t<label><input type=\"radio\" name=\"glass_type\" value=\"glass_38841_rozdrib\"> \u0421\u043a\u043b\u043e \u0433\u0440\u0430\u0444\u0456\u0442\u043e\u0432\u0435 4 \u043c\u043c \u0440\u0435\u0444\u043b\u0435\u043a\u0442\u043e\u0440\u043d\u0435<\/label>\n\t\t\t\t<\/div>\n    <\/div>\n\n\n<hr>\n\n        <legend>\u0412\u0432\u0435\u0434\u0456\u0442\u044c \u0440\u043e\u0437\u043c\u0456\u0440\u0438 \u0432 \u043c\u043c.<\/legend>\n\n\t\t\n        <label for=\"input_height\">\u0412\u0438\u0441\u043e\u0442\u0430:<\/label>\n        <input type=\"text\" id=\"input_height\" name=\"input_height\" size=\"4\">\n\t\t\n        <label for=\"input_width\">\u0428\u0438\u0440\u0438\u043d\u0430:<\/label>\n        <input type=\"text\" id=\"input_width\" name=\"input_width\" size=\"4\">\n\n\n<hr>\n\n<div>\n<font color=red>*\u043f\u0440\u0438 \u0432\u0438\u0431\u043e\u0440\u0456 \u0434\u043e\u0434\u0430\u0442\u043a\u043e\u0432\u043e\u0457 \u043e\u043f\u0446\u0456\u0457 \u0432 \u043f\u0440\u043e\u0440\u0430\u0445\u0443\u043d\u043a\u0443 \u041e\u0411\u041e\u0412'\u042f\u0417\u041a\u041e\u0412\u041e \u0437\u043d\u043e\u0432\u0443 \u043d\u0430\u0442\u0438\u0441\u043d\u0443\u0442\u0438 \u0420\u043e\u0437\u0440\u0430\u0445\u0443\u0432\u0430\u0442\u0438!<\/font>\n<\/div>\n<br>\n\n\n<div id=\"calculation-container\">\n\t<button id=\"calculate_button\" class=\"button-calc\">\u0420\u043e\u0437\u0440\u0430\u0445\u0443\u0432\u0430\u0442\u0438<\/button>\n\t<button id=\"reset_button\" class=\"button-calc\" type=\"button\">\u041e\u0447\u0438\u0441\u0442\u0438\u0442\u0438<\/button>\n\t<div id=\"total_price_output\" class=\"total_price_output\"><\/div>\n<\/div>\n\n\n\n<div id=\"profile_price_output\"><\/div>\n\n\t\n<\/div>\n\n\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n    const basePath = '\/wp-content\/plugins\/frame-calculator\/img\/';\n\n    document.querySelectorAll('.profile-tab').forEach(function(tab) {\n        const radios = tab.querySelectorAll('input[type=\"radio\"]');\n        const image = tab.querySelector('.profile-image');\n\n        function updateImage(value, labelText) {\n            const cleanText = labelText.trim();\n            const newSrc = basePath + value + '.jpeg';\n\n            \/\/ \u042f\u043a\u0449\u043e \u0432\u0436\u0435 \u0446\u0435 \u0441\u0430\u043c\u0435 \u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f \u2014 \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u043d\u043e\u0432\u043b\u044e\u0454\u043c\u043e alt\/title\n            if (image.src.includes(newSrc)) {\n                image.alt = cleanText;\n                image.title = cleanText;\n                return;\n            }\n\n            \/\/ \u041f\u043b\u0430\u0432\u043d\u0435 \u0437\u0433\u0430\u0441\u0430\u043d\u043d\u044f\n            image.style.opacity = '0';\n\n            \/\/ \u0417\u0430\u0447\u0435\u043a\u0430\u0454\u043c\u043e \u0442\u0440\u043e\u0445\u0438, \u043f\u043e\u0442\u0456\u043c \u0437\u043c\u0456\u043d\u044e\u0454\u043c\u043e \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443 \u0456 \u043f\u043b\u0430\u0432\u043d\u043e \u0437\u2019\u044f\u0432\u043b\u044f\u0454\u043c\u043e\n            setTimeout(() => {\n                image.src = newSrc;\n                image.alt = cleanText;\n                image.title = cleanText;\n                image.style.display = 'block';\n                image.style.opacity = '1';\n            }, 200); \/\/ 200 \u043c\u0441 \u043d\u0430 \u0437\u0433\u0430\u0441\u0430\u043d\u043d\u044f\n        }\n\n        radios.forEach(radio => {\n            const label = radio.closest('label');\n\n            if (radio.checked) {\n                updateImage(radio.value, label.textContent);\n            }\n\n            radio.addEventListener('change', function () {\n                updateImage(this.value, label.textContent);\n            });\n        });\n    });\n});\n<\/script>\n\n\n\n\n\n\n\n\n\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/furnicalc.com.ua\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/furnicalc.com.ua\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/furnicalc.com.ua\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/furnicalc.com.ua\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/furnicalc.com.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":1,"href":"https:\/\/furnicalc.com.ua\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/furnicalc.com.ua\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/furnicalc.com.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}