{"id":1448,"date":"2025-12-22T16:32:44","date_gmt":"2025-12-22T14:32:44","guid":{"rendered":"https:\/\/boxalmetro.com\/web\/?page_id=1448"},"modified":"2026-02-02T00:17:45","modified_gmt":"2026-02-01T22:17:45","slug":"simulatore-prezzo-selfstorage-depositi-individuali-self","status":"publish","type":"page","link":"https:\/\/boxalmetro.com\/web\/simulatore-prezzo-selfstorage-depositi-individuali-self\/","title":{"rendered":"Simulatore Prezzo SelfStorage Depositi Inviduali Self"},"content":{"rendered":"<div>Torna alle <a href=\"https:\/\/boxalmetro.com\/web\/offerte-promo\/\">Offerte e Promo<\/a> Simulatore Prezzo SelfStorage Depositi Individuali Self - Versione 2<\/div>\r\n\r\n\r\n<style>\r\n  \/* Container Style *\/\r\n  #calc_container_v5 {\r\n    border: 1px solid #ddd;\r\n    padding: 20px;\r\n    background: #f9f9f9;\r\n    border-radius: 8px;\r\n    font-family: sans-serif;\r\n    max-width: 500px;\r\n    margin: 20px auto;\r\n  }\r\n  .calc-row { margin-bottom: 15px; }\r\n  .calc-row label { display: block; font-weight: bold; margin-bottom: 5px; }\r\n  .calc-row select { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; }\r\n  \r\n  \/* Results Style *\/\r\n  .calc-results { margin-top: 20px; padding-top: 20px; border-top: 2px solid #eee; }\r\n  .res-row { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #eee; }\r\n  .res-row.total { font-weight: bold; color: #2c3e50; font-size: 1.1em; border-bottom: none; margin-top: 10px; }\r\n  .green-text { color: #27ae60; }\r\n\r\n  \/* Button Style *\/\r\n  .btn-area { margin-top: 20px; text-align: center; }\r\n  .copy-btn { background-color: #0073aa; color: white; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer; }\r\n  .copy-msg { display: block; margin-top: 8px; font-size: 12px; color: #27ae60; opacity: 0; transition: opacity 0.3s; }\r\n  .copy-msg.visible { opacity: 1; }\r\n  \r\n  \/* Debug Status *\/\r\n  #debug_status { font-size: 10px; color: #999; text-align: right; margin-top: 10px; }\r\n<\/style>\r\n\r\n<div id=\"calc_container_v5\">\r\n  <h3>Simulatore Costi SelfStorage<\/h3>\r\n  \r\n  <div class=\"calc-row\">\r\n    <label>Dimensione (Metri Quadri):<\/label>\r\n    <select id=\"input_sqm\">\r\n      <option value=\"2\">2 mq<\/option>\r\n    <\/select>\r\n  <\/div>\r\n\r\n  <div class=\"calc-row\">\r\n    <label>Durata (Mesi):<\/label>\r\n    <select id=\"input_months\">\r\n      <option value=\"1\">1 Mese (Sconto 0%)<\/option>\r\n      <option value=\"2\">2 Mesi (Sconto 3%)<\/option>\r\n      <option value=\"3\">3 Mesi (Sconto 5%)<\/option>\r\n      <option value=\"4\">4 Mesi (Sconto 8%)<\/option>\r\n      <option value=\"6\">6 Mesi (Sconto 10%)<\/option>\r\n      <option value=\"12\">12 Mesi (Sconto 20%)<\/option>\r\n    <\/select>\r\n  <\/div>\r\n\r\n  <div class=\"calc-results\">\r\n    <div class=\"res-row\"><span>Canone Mensile (Scontato):<\/span> <span id=\"val_monthly\">\u20ac0.00<\/span><\/div>\r\n    <div class=\"res-row\"><span>Affitto Totale:<\/span> <span id=\"val_total_rent\">\u20ac0.00<\/span><\/div>\r\n    <div class=\"res-row\"><span>Cauzione (2 Mensilit\u00e0):<\/span> <span id=\"val_deposit\">\u20ac0.00<\/span><\/div>\r\n    <div class=\"res-row total\"><span>Totale Da Pagare Ora:<\/span> <span class=\"green-text\" id=\"val_due\">\u20ac0.00<\/span><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"btn-area\">\r\n    <button id=\"btn_copy\" class=\"copy-btn\">\ud83d\udccb Copia Link Preventivo<\/button>\r\n    <span id=\"msg_copy\" class=\"copy-msg\">Link Copiato!<\/span>\r\n  <\/div>\r\n  \r\n  <div id=\"debug_status\">Status: In attesa...<\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  \/\/ CONFIGURATION\r\n  var BASE_RATE = 75.00;\r\n\r\n  function doCalculation() {\r\n    \/\/ 1. Get Elements\r\n    var sqmEl = document.getElementById('input_sqm');\r\n    var monthsEl = document.getElementById('input_months');\r\n    \r\n    if (!sqmEl || !monthsEl) return;\r\n\r\n    var sqm = parseInt(sqmEl.value) || 0;\r\n    var months = parseInt(monthsEl.value) || 0;\r\n\r\n    \/\/ 2. Logic\r\n    var durDisc = 0;\r\n    if (months === 2) durDisc = 0.03;\r\n    if (months === 3) durDisc = 0.05;\r\n    if (months === 4) durDisc = 0.08;\r\n    if (months === 6) durDisc = 0.10;\r\n    if (months === 12) durDisc = 0.20;\r\n\r\n    var areaDisc = (sqm === 2) ? 0.03 : 0;\r\n\r\n    var totalDisc = durDisc + areaDisc;\r\n    var totalBase = BASE_RATE * sqm * months;\r\n    var finalPrice = totalBase * (1 - totalDisc);\r\n    var monthlyRate = finalPrice \/ months;\r\n    var deposit = monthlyRate * 2;\r\n    var totalDue = finalPrice + deposit;\r\n\r\n    \/\/ 3. Update Text\r\n    var fmt = new Intl.NumberFormat('it-IT', { style: 'currency', currency: 'EUR' });\r\n    document.getElementById('val_monthly').textContent = fmt.format(monthlyRate);\r\n    document.getElementById('val_total_rent').textContent = fmt.format(finalPrice);\r\n    document.getElementById('val_deposit').textContent = fmt.format(deposit);\r\n    document.getElementById('val_due').textContent = fmt.format(totalDue);\r\n\r\n    \/\/ 4. Update URL (Silent)\r\n    if (window.history.replaceState) {\r\n        var newUrl = window.location.protocol + \"\/\/\" + window.location.host + window.location.pathname + \"?sqm=\" + sqm + \"&months=\" + months;\r\n        window.history.replaceState({ path: newUrl }, '', newUrl);\r\n    }\r\n  }\r\n\r\n  function initCalculator() {\r\n    var sqmEl = document.getElementById('input_sqm');\r\n    var monthsEl = document.getElementById('input_months');\r\n    var btnCopy = document.getElementById('btn_copy');\r\n    var statusEl = document.getElementById('debug_status');\r\n\r\n    if (sqmEl && monthsEl) {\r\n      \/\/ Attach Listeners\r\n      sqmEl.addEventListener('change', doCalculation);\r\n      monthsEl.addEventListener('change', doCalculation);\r\n      \r\n      if (btnCopy) {\r\n        btnCopy.addEventListener('click', function() {\r\n           navigator.clipboard.writeText(window.location.href).then(function() {\r\n             var msg = document.getElementById('msg_copy');\r\n             msg.classList.add('visible');\r\n             setTimeout(function() { msg.classList.remove('visible'); }, 2000);\r\n           });\r\n        });\r\n      }\r\n\r\n      \/\/ Check URL for existing params\r\n      var params = new URLSearchParams(window.location.search);\r\n      var s = params.get('sqm');\r\n      var m = params.get('months');\r\n      if (s) sqmEl.value = s;\r\n      if (m) monthsEl.value = m;\r\n\r\n      doCalculation();\r\n      if (statusEl) statusEl.textContent = \"Status: Pronto\";\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  \/\/ FORCE START (Attempts to load even if WordPress delays the script)\r\n  if (!initCalculator()) {\r\n    document.addEventListener('DOMContentLoaded', initCalculator);\r\n    window.addEventListener('load', initCalculator);\r\n    var attempts = 0;\r\n    var interval = setInterval(function() {\r\n        if (initCalculator() || attempts > 6) clearInterval(interval);\r\n        attempts++;\r\n    }, 500);\r\n  }\r\n\r\n})();\r\n<\/script>","protected":false},"excerpt":{"rendered":"Torna alle Offerte e Promo Simulatore Prezzo SelfStorage Depositi Individuali Self - Versione 2 Simulatore Costi SelfStorage Dimensione (Metri Quadri): 2 mq Durata (Mesi): 1 Mese (Sconto 0%) 2 Mesi (Sconto 3%) 3 Mesi (Sconto 5%) 4 Mesi (Sconto 8%) 6 Mesi<p class=\"link-more\"><a class=\"myButt three\" href=\"https:\/\/boxalmetro.com\/web\/simulatore-prezzo-selfstorage-depositi-individuali-self\/\">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-1448","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/boxalmetro.com\/web\/wp-json\/wp\/v2\/pages\/1448","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=1448"}],"version-history":[{"count":20,"href":"https:\/\/boxalmetro.com\/web\/wp-json\/wp\/v2\/pages\/1448\/revisions"}],"predecessor-version":[{"id":1519,"href":"https:\/\/boxalmetro.com\/web\/wp-json\/wp\/v2\/pages\/1448\/revisions\/1519"}],"wp:attachment":[{"href":"https:\/\/boxalmetro.com\/web\/wp-json\/wp\/v2\/media?parent=1448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}