{"id":1541,"date":"2026-02-26T00:11:31","date_gmt":"2026-02-25T22:11:31","guid":{"rendered":"https:\/\/boxalmetro.com\/web\/?page_id=1541"},"modified":"2026-02-26T00:32:26","modified_gmt":"2026-02-25T22:32:26","slug":"simulatore-prezzo-hybridstorage-depositi-individuali-non-self-copy","status":"publish","type":"page","link":"https:\/\/boxalmetro.com\/web\/simulatore-prezzo-hybridstorage-depositi-individuali-non-self-copy\/","title":{"rendered":"Simulatore Prezzo HybridStorage Depositi Individuali Non Self"},"content":{"rendered":"<div>Torna alle <a href=\"https:\/\/boxalmetro.com\/web\/offerte-promo\/\">Offerte e Promo<\/a> Simulatore Prezzo HybridStorage - Depositi Individuali Non Self - Versione 6<\/div>\r\n<br><br>\r\n\r\n<div class=\"calculator-container\" id=\"hybridstorage-calculator\" style=\"max-width: 400px; margin: 0 auto; font-family: sans-serif;\">\r\n    \r\n    <div class=\"form-group\" style=\"margin-bottom: 15px;\">\r\n        <label for=\"mq\" style=\"font-weight: bold; display: block; margin-bottom: 5px;\">Metri Quadri (mq):<\/label>\r\n        <select name=\"mq\" id=\"mq\" style=\"width: 100%; padding: 8px; border-radius: 4px; border: 1px solid #ccc;\">\r\n            <option value=\"1\">0.5 mq Locker<\/option>\r\n            <option value=\"2\">2 mq<\/option>\r\n            <option value=\"3\">3 mq<\/option>\r\n            <option value=\"4\">4 mq<\/option>\r\n          <\/select>\r\n    <\/div>\r\n\r\n    <div class=\"form-group\" style=\"margin-bottom: 20px;\">\r\n        <label for=\"mesi\" style=\"font-weight: bold; display: block; margin-bottom: 5px;\">Durata Affitto:<\/label>\r\n        <select name=\"mesi\" id=\"mesi\" style=\"width: 100%; padding: 8px; border-radius: 4px; border: 1px solid #ccc;\">\r\n            <option value=\"1\">1 Mese<\/option>\r\n            <option value=\"2\">2 Mesi<\/option>\r\n            <option value=\"3\">3 Mesi<\/option>\r\n            <option value=\"4\">4 Mesi<\/option>\r\n            <option value=\"6\">6 Mesi<\/option>\r\n            <option value=\"12\">12 Mesi<\/option>\r\n        <\/select>\r\n    <\/div>\r\n\r\n    <div class=\"results\" style=\"background: #f9f9f9; padding: 15px; border-radius: 5px; border: 1px solid #eee;\">\r\n        <p><strong>Totale Periodo:<\/strong> <span id=\"totale-periodo\">\u20ac 0,00<\/span><\/p>\r\n        <p><strong>Totale con Cauzione:<\/strong> <span id=\"cauzione-inclusa\">\u20ac 0,00<\/span> <br>\r\n           <small style=\"color: #666;\">(Include deposito di 2 mensilit\u00e0)<\/small>\r\n        <\/p>\r\n        <p><strong>Mensile Medio:<\/strong> <span id=\"mensile-medio\">\u20ac 0,00<\/span><\/p>\r\n        <p><strong>Costo al mq\/mese:<\/strong> <span id=\"costo-mq\">\u20ac 0,00<\/span><\/p>\r\n    <\/div>\r\n    \r\n    <div style=\"margin-top: 15px; text-align: center;\">\r\n        <button id=\"copia-link\" style=\"background: #0073aa; color: white; border: none; padding: 10px 15px; border-radius: 4px; cursor: pointer; width: 100%;\">\r\n            \ud83d\udd17 Copia Link Preventivo\r\n        <\/button>\r\n        <small id=\"link-messaggio\" style=\"color: green; display: none; margin-top: 5px;\">Link copiato negli appunti!<\/small>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    \r\n    \/\/ Exact prices mapped to Metri Quadri and Durata (Mesi)\r\n    const prezzi = {\r\n        1:  { 1: 30.00,  2: 58.10,  3: 85.30,  4: 110.10,  6: 161.40,  12: 285.70 },\r\n        2:  { 1: 116.40,  2: 225.60,  3: 331.20,  4: 427.20,  6: 626.40,  12: 1108.80 },\r\n        3:  { 1: 165.60, 2: 320.40,  3: 469.80,  4: 604.80,  6: 885.60,  12: 1555.20 },\r\n        4:  { 1: 216.00, 2: 417.60,  3: 612.00,  4: 787.20,  6: 1152.00,  12: 2016.00 },\r\n        };\r\n\r\n    \/\/ DOM Elements\r\n    const mqSelect = document.getElementById('mq');\r\n    const mesiSelect = document.getElementById('mesi');\r\n    const displayTotale = document.getElementById('totale-periodo');\r\n    const displayCauzioneInclusa = document.getElementById('cauzione-inclusa');\r\n    const displayMensile = document.getElementById('mensile-medio');\r\n    const displayCostoMq = document.getElementById('costo-mq');\r\n    const btnCopiaLink = document.getElementById('copia-link');\r\n    const msgCopia = document.getElementById('link-messaggio');\r\n\r\n    \/\/ Function to format numbers as Euros\r\n    function formatCurrency(number) {\r\n        return new Intl.NumberFormat('it-IT', { style: 'currency', currency: 'EUR' }).format(number);\r\n    }\r\n\r\n    \/\/ Main calculation function\r\n    function calcolaPrezzo() {\r\n        const mq = parseInt(mqSelect.value);\r\n        const mesi = parseInt(mesiSelect.value);\r\n\r\n        if (prezzi[mq] && prezzi[mq][mesi]) {\r\n            const totale = prezzi[mq][mesi];\r\n            const mensileMedio = totale \/ mesi;\r\n            const costoMqMese = mensileMedio \/ mq;\r\n            \r\n            \/\/ Calculate total upfront cost: Period Total + (Average Monthly Rent * 2)\r\n            const dueMesiDeposito = mensileMedio * 2;\r\n            const totaleConCauzione = totale + dueMesiDeposito;\r\n\r\n            displayTotale.innerText = formatCurrency(totale);\r\n            displayCauzioneInclusa.innerText = formatCurrency(totaleConCauzione);\r\n            displayMensile.innerText = formatCurrency(mensileMedio);\r\n            displayCostoMq.innerText = formatCurrency(costoMqMese);\r\n        } else {\r\n            displayTotale.innerText = \"N\/A\";\r\n            displayCauzioneInclusa.innerText = \"N\/A\";\r\n            displayMensile.innerText = \"N\/A\";\r\n            displayCostoMq.innerText = \"N\/A\";\r\n        }\r\n    }\r\n\r\n    \/\/ Function to dynamically update the browser's URL bar\r\n    function aggiornaURL() {\r\n        const url = new URL(window.location);\r\n        url.searchParams.set('mq', mqSelect.value);\r\n        url.searchParams.set('mesi', mesiSelect.value);\r\n        window.history.replaceState({}, '', url);\r\n    }\r\n\r\n    \/\/ Handle dropdown changes\r\n    function gestisciCambiamento() {\r\n        calcolaPrezzo();\r\n        aggiornaURL();\r\n    }\r\n\r\n    \/\/ Read URL parameters on load\r\n    const params = new URLSearchParams(window.location.search);\r\n    if (params.has('mq')) {\r\n        let paramMq = params.get('mq');\r\n        if([...mqSelect.options].some(opt => opt.value === paramMq)) {\r\n            mqSelect.value = paramMq;\r\n        }\r\n    }\r\n    if (params.has('mesi')) {\r\n        let paramMesi = params.get('mesi');\r\n        if([...mesiSelect.options].some(opt => opt.value === paramMesi)) {\r\n            mesiSelect.value = paramMesi;\r\n        }\r\n    }\r\n\r\n    \/\/ Handle copying the generated URL\r\n    if (btnCopiaLink) {\r\n        btnCopiaLink.addEventListener('click', function() {\r\n            navigator.clipboard.writeText(window.location.href).then(() => {\r\n                msgCopia.style.display = 'block';\r\n                setTimeout(() => { msgCopia.style.display = 'none'; }, 3000);\r\n            });\r\n        });\r\n    }\r\n\r\n    \/\/ Listen for changes\r\n    mqSelect.addEventListener('change', gestisciCambiamento);\r\n    mesiSelect.addEventListener('change', gestisciCambiamento);\r\n\r\n    \/\/ Initial calculation and URL setup\r\n    gestisciCambiamento();\r\n});\r\n<\/script>","protected":false},"excerpt":{"rendered":"Torna alle Offerte e Promo Simulatore Prezzo HybridStorage - Depositi Individuali Non Self - Versione 6 Metri Quadri (mq): 0.5 mq Locker 2 mq 3 mq 4 mq Durata Affitto: 1 Mese 2 Mesi 3 Mesi 4 Mesi 6 Mesi 12 Mesi<p class=\"link-more\"><a class=\"myButt three\" href=\"https:\/\/boxalmetro.com\/web\/simulatore-prezzo-hybridstorage-depositi-individuali-non-self-copy\/\">Read More<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-1541","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/boxalmetro.com\/web\/wp-json\/wp\/v2\/pages\/1541","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boxalmetro.com\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/boxalmetro.com\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/boxalmetro.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boxalmetro.com\/web\/wp-json\/wp\/v2\/comments?post=1541"}],"version-history":[{"count":6,"href":"https:\/\/boxalmetro.com\/web\/wp-json\/wp\/v2\/pages\/1541\/revisions"}],"predecessor-version":[{"id":1548,"href":"https:\/\/boxalmetro.com\/web\/wp-json\/wp\/v2\/pages\/1541\/revisions\/1548"}],"wp:attachment":[{"href":"https:\/\/boxalmetro.com\/web\/wp-json\/wp\/v2\/media?parent=1541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}