{"id":198,"date":"2025-12-25T23:28:02","date_gmt":"2025-12-25T23:28:02","guid":{"rendered":"http:\/\/ddw2.northeurope.cloudapp.azure.com\/?page_id=198"},"modified":"2026-01-03T10:08:18","modified_gmt":"2026-01-03T10:08:18","slug":"ponuda","status":"publish","type":"page","link":"https:\/\/ddw2.northeurope.cloudapp.azure.com\/index.php\/ponuda\/","title":{"rendered":"\u041f\u043e\u043d\u0443\u0434\u0430"},"content":{"rendered":"<style>\n    h2 { text-align: center; }\n    .houses { display: flex; justify-content: center; gap: 20px; margin-top: 20px; }\n    .house-option {\n      border: 2px solid transparent;\n      border-radius: 8px;\n      overflow: hidden;\n      cursor: pointer;\n      transition: border 0.3s;\n    }\n    .house-option img { width: 150px; height: 150px; object-fit: cover; display: block; }\n    .house-option.selected { border: 2px solid #0078d7; }\n    .slider-container { margin: 20px auto; text-align: center; }\n    input[type=range] { width: 300px; }\n    .fixed { margin: 10px 0; text-align: center; }\n    .result { margin-top: 20px; font-weight: bold; text-align: center; font-size: 1.2em; }\n  <\/style>\n<div class=\"houses\">\n<div class=\"house-option\" data-size=\"50\"><img decoding=\"async\" src=\"http:\/\/ddw2.northeurope.cloudapp.azure.com\/wp-content\/uploads\/2025\/12\/50m.png\" alt=\"Ku\u0107a 50m2\">\n<p style=\"text-align: center;\">50 m\u00b2<\/p>\n<\/div>\n<div class=\"house-option\" data-size=\"80\"><img decoding=\"async\" src=\"http:\/\/ddw2.northeurope.cloudapp.azure.com\/wp-content\/uploads\/2025\/12\/60m2.png\" alt=\"Ku\u0107a 80m2\">\n<p style=\"text-align: center;\">80 m\u00b2<\/p>\n<\/div>\n<div class=\"house-option\" data-size=\"120\"><img decoding=\"async\" src=\"http:\/\/ddw2.northeurope.cloudapp.azure.com\/wp-content\/uploads\/2025\/12\/120m2.jpg\" alt=\"Ku\u0107a 120m2\">\n<p style=\"text-align: center;\">120 m\u00b2<\/p>\n<\/div>\n<\/div>\n<p><!-- Slider za cenu materijala --><\/p>\n<div class=\"slider-container\"><label for=\"materialPrice\">\u0426\u0435\u043d\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0458\u0430\u043b\u0430 (EUR\/m\u00b2): <span id=\"materialValue\">1300<\/span> \u20ac<\/label><br><input id=\"materialPrice\" max=\"1600\" min=\"1300\" step=\"100\" type=\"range\" value=\"1300\"><\/div>\n<p><!-- Fiksna ulaganja --><\/p>\n<div class=\"fixed\"><input checked=\"checked\" disabled=\"disabled\" type=\"checkbox\"> \u0423\u043b\u0430\u0433\u0430\u045a\u0435 \u0443 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0458\u0443: <strong>10.000 \u20ac<\/strong><\/div>\n<div class=\"fixed\"><input checked=\"checked\" disabled=\"disabled\" type=\"checkbox\"> \u0423\u043b\u0430\u0433\u0430\u045a\u0435 \u0443 \u0441\u0442\u043e\u0447\u043d\u0438 \u0444\u043e\u043d\u0434: <strong>5.000 \u20ac<\/strong><\/div>\n<div class=\"fixed\"><input type=\"checkbox\" id=\"centralniValue\"> \u0423\u043b\u0430\u0433\u0430\u045a\u0435 \u0443 \u0446\u0435\u043d\u0442\u0440\u0430\u043b\u043d\u0438 \u043e\u0431\u0458\u0435\u043a\u0430\u0442 \u0441\u0430 \u0440\u0435\u0441\u0442\u043e\u0440\u0430\u043d\u043e\u043c \u0438 \u043c\u0438\u043d\u0438 \u0441\u043f\u0430 \u0446\u0435\u043d\u0442\u0440\u043e\u043c: <strong>50.000 \u20ac<\/strong><\/div>\n<p><!-- Rezultat --><\/p>\n<div class=\"result\">\u0423\u043a\u0443\u043f\u0430\u043d \u0438\u0437\u043d\u043e\u0441 \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u0458\u0435: <span id=\"total\">0<\/span> \u20ac<\/div>\n\n\n\n<p>\ud83d\udcd1 <strong>\u041d\u0430\u0448\u0435 \u043e\u0431\u0430\u0432\u0435\u0437\u0435:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0412\u043e\u0434\u0430, \u0441\u0442\u0440\u0443\u0458\u0430, \u043f\u0443\u0442 \u2013 \u0434\u043e\u0432\u0435\u0434\u0435\u043d\u0438 \u0434\u043e \u0441\u0432\u0430\u043a\u0435 \u043a\u0443\u045b\u0435<\/li>\n\n\n\n<li>\u041b\u0435\u0433\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0458\u0430 \u043e\u0431\u0458\u0435\u043a\u0442\u0430 \u0438 \u0443\u043a\u045a\u0438\u0436\u0435\u045a\u0435<\/li>\n\n\n\n<li>\u041e\u0434\u0440\u0436\u0430\u0432\u0430\u045a\u0435 \u0438\u043c\u0430\u045a\u0430 (\u043a\u043e\u0448e\u045a\u0435, \u043e\u0434\u0440\u0436\u0430\u0432\u0430\u045a\u0435 \u043b\u043e\u043a\u0430\u043b\u043d\u043e\u0433 \u043f\u0443\u0442\u0430, \u043f\u0440\u0438\u043f\u0440\u0435\u043c\u0430 \u0437\u0430 \u0438\u0437\u0434\u0430\u0432\u0430\u045a\u0435)<\/li>\n<\/ul>\n\n<br\/><br\/>\n\n<p>\ud83c\udfe1 <strong>\u0412\u0430\u0448\u0435 \u043e\u0431\u0430\u0432\u0435\u0437\u0435:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0414\u0438\u043d\u0430\u043c\u0438\u043a\u0430 \u043f\u043b\u0430\u045b\u0430\u045a\u0430 \u0443 3 \u0444\u0430\u0437\u0435<\/li>\n\n\n\n<li>\u041c\u0435\u0441\u0435\u0447\u043d\u043e \u043e\u0434\u0440\u0436\u0430\u0432\u0430\u045a\u0435 (150 \u20ac \/ \u043c\u0435\u0441\u0435\u0446)* \u2013 \u043f\u043e\u043a\u0440\u0438\u0432\u0430 \u0441\u0432\u0435 \u0442\u0440\u043e\u0448\u043a\u043e\u0432\u0435 (\u0440\u0430\u0434\u043d\u0430 \u0441\u043d\u0430\u0433\u0430, \u043e\u0434\u0440\u0436\u0430\u0432\u0430\u045a\u0435, \u043c\u0435\u043d\u0430\u045f\u043c\u0435\u043d\u0442 \u0438\u0437\u0434\u0430\u0432\u0430\u045a\u0430)<\/li>\n\n\n<li>\u041c\u0435\u0441\u0435\u0447\u043d\u0430 \u0445\u0440\u0430\u043d\u0430 \u0437\u0430 \u0441\u0442\u043e\u043a\u0443 (100 \u20ac \/ \u043c\u0435\u0441\u0435\u0446)*<\/li>\n\n\n<li>\u041f\u043e\u0448\u0442\u043e\u0432\u0430\u045a\u0435 \u043a\u0443\u045b\u043d\u043e\u0433 \u0440\u0435\u0434\u0430 \u0438 \u0434\u043e\u0433\u043e\u0432\u043e\u0440\u0435\u043d\u0438\u0445 \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0437\u0430\u0458\u0435\u0434\u043d\u0438\u0446\u0435<\/li>\n<\/ul>\n\n\n\n<p>* \u0426\u0435\u043d\u0430 \u043e\u0434\u0440\u0436\u0430\u0432\u0430\u045a\u0430 \u043c\u043e\u0436\u0435 \u0441\u0435 \u043c\u0435\u045a\u0430\u0442\u0438 \u0443 \u0441\u043a\u043b\u0430\u0434\u0443 \u0441\u0430 \u0438\u043d\u0444\u043b\u0430\u0446\u0438\u0458\u043e\u043c \u0438 \u0442\u0440\u0436\u0438\u0448\u043d\u0438\u043c \u0443\u0441\u043b\u043e\u0432\u0438\u043c\u0430 \u0440\u0430\u0434\u0430.<\/p>\n\n\n<script>\n    const houseOptions = document.querySelectorAll('.house-option');\n    const materialSlider = document.getElementById('materialPrice');\n    const materialValue = document.getElementById('materialValue');\n    const centralniValue = document.getElementById('centralniValue');\n    const totalSpan = document.getElementById('total');\n    const mehanizacija = 10000;\n    const stocniFond = 5000;\n    centralniObjekat = 0;\n    let selectedSize = 50; \/\/ default\n    function calculateTotal() {\n      const pricePerM2 = parseInt(materialSlider.value);\n      const materialsCost = selectedSize * pricePerM2;\n      const total = materialsCost + mehanizacija + stocniFond + centralniObjekat;\n      totalSpan.textContent = total.toLocaleString('sr-RS');\n    }\n    houseOptions.forEach(option => {\n      option.addEventListener('click', () => {\n        houseOptions.forEach(o => o.classList.remove('selected'));\n        option.classList.add('selected');\n        selectedSize = parseInt(option.dataset.size);\n        calculateTotal();\n      });\n    });\n    materialSlider.addEventListener('input', () => {\n      materialValue.textContent = materialSlider.value;\n      calculateTotal();\n    });\n    centralniValue.addEventListener('input', () => {\n      centralniObjekat=0;\n      if (centralniValue.checked) {\n      centralniObjekat=50000;\n      }\n      calculateTotal();\n    });\n    houseOptions[0].classList.add('selected');\n    calculateTotal();\n  <\/script>","protected":false},"excerpt":{"rendered":"<p>50 m\u00b2 80 m\u00b2 120 m\u00b2 \u0426\u0435\u043d\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0458\u0430\u043b\u0430 (EUR\/m\u00b2): 1300 \u20ac \u0423\u043b\u0430\u0433\u0430\u045a\u0435 \u0443 \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0458\u0443: 10.000 \u20ac \u0423\u043b\u0430\u0433\u0430\u045a\u0435 \u0443 \u0441\u0442\u043e\u0447\u043d\u0438 \u0444\u043e\u043d\u0434: 5.000 \u20ac \u0423\u043b\u0430\u0433\u0430\u045a\u0435 \u0443 \u0446\u0435\u043d\u0442\u0440\u0430\u043b\u043d\u0438 \u043e\u0431\u0458\u0435\u043a\u0430\u0442 \u0441\u0430 \u0440\u0435\u0441\u0442\u043e\u0440\u0430\u043d\u043e\u043c \u0438 \u043c\u0438\u043d\u0438&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-198","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ddw2.northeurope.cloudapp.azure.com\/index.php\/wp-json\/wp\/v2\/pages\/198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ddw2.northeurope.cloudapp.azure.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ddw2.northeurope.cloudapp.azure.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ddw2.northeurope.cloudapp.azure.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ddw2.northeurope.cloudapp.azure.com\/index.php\/wp-json\/wp\/v2\/comments?post=198"}],"version-history":[{"count":41,"href":"https:\/\/ddw2.northeurope.cloudapp.azure.com\/index.php\/wp-json\/wp\/v2\/pages\/198\/revisions"}],"predecessor-version":[{"id":329,"href":"https:\/\/ddw2.northeurope.cloudapp.azure.com\/index.php\/wp-json\/wp\/v2\/pages\/198\/revisions\/329"}],"wp:attachment":[{"href":"https:\/\/ddw2.northeurope.cloudapp.azure.com\/index.php\/wp-json\/wp\/v2\/media?parent=198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}