{"id":18135,"date":"2023-11-07T10:35:35","date_gmt":"2023-11-07T10:35:35","guid":{"rendered":"https:\/\/lease-broker.com\/calculateur-de-bail-2\/"},"modified":"2024-09-10T11:43:51","modified_gmt":"2024-09-10T11:43:51","slug":"calculateur-de-bail-2","status":"publish","type":"page","link":"https:\/\/lease-broker.com\/fr\/calculateur-de-bail-2\/","title":{"rendered":"Calculateur de bail"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18135\" class=\"elementor elementor-18135 elementor-17477\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5b5d38c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5b5d38c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0b4d7c8\" data-id=\"0b4d7c8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9b6c557 elementor-widget elementor-widget-spacer\" data-id=\"9b6c557\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a168250 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a168250\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-097926b\" data-id=\"097926b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0a77f3f elementor-widget elementor-widget-spacer\" data-id=\"0a77f3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0147e45 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0147e45\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bd62496\" data-id=\"bd62496\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4def869 elementor-widget elementor-widget-spacer\" data-id=\"4def869\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-36f0c24 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"36f0c24\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ba4baba\" data-id=\"ba4baba\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2bdc2d4 elementor-widget elementor-widget-elementskit-heading\" data-id=\"2bdc2d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">CALCULATRICE DE BAIL<\/h2><div class=\"ekit_heading_separetor_wraper ekit_heading_elementskit-border-divider ekit-dotted\"><div class=\"elementskit-border-divider ekit-dotted\"><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-89cf8ab elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"89cf8ab\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-545edf2\" data-id=\"545edf2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6990d85 elementor-widget elementor-widget-html\" data-id=\"6990d85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <div id=\"form-calculator\" class=\"form-calc-wrapper\">\n        <form class=\"calc-form form-1 hs-form\" method=\"post\">\n              <div class=\"form-group control control-group-input\">\n                 <label for=\"calc_net_amount\">Netto bedrag van het te ontlenen goed<\/label>\n                 <input type=\"number\" min=\"6000\" name=\"calc_net_amount\" id=\"calc_net_amount\" class=\"form-control hs-input number-field\" required aria-required=\"true\">\n              <\/div>\n              <div class=\"form-group control control-group-input\">\n                <label for=\"calc_advance_payment\">Het voorschot dat ik verkies<\/label>\n                <input type=\"number\" name=\"calc_advance_payment\" id=\"calc_advance_payment\" class=\"form-control hs-input number-field\" required aria-required=\"true\">\n              <\/div>\n              <div class=\"form-group control control-group-input\">\n                <label for=\"calc_redemption_amount\">Restbedrag<\/label>\n                <input type=\"number\" name=\"calc_redemption_amount\" id=\"calc_redemption_amount\" class=\"form-control hs-input number-field\" required aria-required=\"true\" disabled>\n              <\/div>\n              <div class=\"form-group control control-group-input\">\n                <label for=\"calc_payment_in_months\">Aantal maanden dat ik wens af te afbetalen<\/label>\n                <div class=\"input\">\n                  <select id=\"calc_payment_in_months\" class=\"form-select hs-input\" name=\"calc_payment_in_months\">\n                    <option value=\"24\">24<\/option>\n                    <option value=\"36\">36<\/option>\n                    <option value=\"48\">48<\/option>\n                    <option value=\"60\">60<\/option>\n                    <option value=\"72\" selected>72<\/option>\n                  <\/select>\n                <\/div>\n\n              <\/div>\n              <div class=\"form-group control control-group-input\">\n                <label for=\"calc_built_year\">Het bouwjaar van het te ontlenen goed<\/label>\n                <div class=\"input\">\n                  <select id=\"calc_built_year\" class=\"form-select hs-input\" name=\"calc_built_year\" required>\n                    <option value=\"2025\">2025<\/option>\n                    <option value=\"2024\">2024<\/option>\n                    <option value=\"2023\">2023<\/option>\n                    <option value=\"2022\">2022<\/option>\n                    <option value=\"2021\" selected>2021<\/option>\n                    <option value=\"2020\" selected>2020<\/option>\n                  <\/select>\n                <\/div>\n\n              <\/div>\n              <button type=\"submit\" class=\"btn btn-primary hs-button\">Bereken de maandelijkse aflossing<\/button>\n\n        <\/form>\n\n        <form data-action=\"https:\/\/api.hsforms.com\/submissions\/v3\/integration\/submit\/8815062\/9c6cb347-d597-4733-933b-b57d5b1ff5a0\" \n              data-portal-id=\"8815062\"\n              data-form-id=\"9c6cb347-d597-4733-933b-b57d5b1ff5a0\"\n              class=\"final-form form-2 hidden  hs-form\">\n              <div class=\"form-group control control-group-input\">\n                 <label for=\"calc_net_amount\">Netto bedrag van het te ontlenen goed<\/label>\n                 <input type=\"number\" min=\"6000\" name=\"calc_net_amount\" id=\"calc_net_amount\" class=\"form-control hs-input number-field\" required aria-required=\"true\" disabled>\n              <\/div>\n              <div class=\"form-group control control-group-input\">\n                <label for=\"calc_advance_payment\">Het voorschot dat ik verkies<\/label>\n                <input type=\"number\" name=\"calc_advance_payment\" id=\"calc_advance_payment\" class=\"form-control hs-input number-field\" required aria-required=\"true\" disabled>\n              <\/div>\n              <div class=\"form-group control control-group-input\">\n                <label for=\"calc_redemption_amount\">Restbedrag<\/label>\n                <input type=\"number\" name=\"calc_redemption_amount\" id=\"calc_redemption_amount\" class=\"form-control hs-input number-field\" required aria-required=\"true\" disabled>\n              <\/div>\n              <div class=\"form-group control control-group-input\">\n                <label for=\"calc_payment_in_months\">Aantal maanden dat ik wens af te afbetalen<\/label>\n                <div class=\"input\">\n                  <select id=\"calc_payment_in_months\" class=\"form-select hs-input\" name=\"calc_payment_in_months\" disabled>\n                    <option value=\"24\">24<\/option>\n                    <option value=\"36\">36<\/option>\n                    <option value=\"48\">48<\/option>\n                    <option value=\"60\">60<\/option>\n                    <option value=\"72\">72<\/option>\n                  <\/select>\n                <\/div>\n              <\/div>\n              <div class=\"form-group control control-group-input form-field-active\">\n                <label for=\"calc_result\">De maandelijkse aflossing<\/label>\n                <input type=\"number\" name=\"calc_result\" id=\"calc_result\" class=\"form-control form-control-green hs-input number-field\" required aria-required=\"true\" disabled>\n              <\/div>\n              <div class=\"form-group control control-group-input\">\n                <label for=\"calc_built_year\">Het bouwjaar van het te ontlenen goed<\/label>\n                <div class=\"input\">\n                  <select id=\"calc_built_year\" class=\"form-select hs-input\" name=\"calc_built_year\" required disabled>\n                    <option value=\"2025\">2025<\/option>\n                    <option value=\"2024\">2024<\/option>\n                    <option value=\"2023\">2023<\/option>\n                    <option value=\"2022\">2022<\/option>\n                    <option value=\"2021\">2021<\/option>\n                    <option value=\"2020\">2020<\/option>\n                  <\/select>\n                <\/div>\n\n              <\/div>\n              <div class=\"form-group control control-group-input\">\n                <label for=\"calc_object_name\">Omschrijving van het te ontlenen goed<sup>*<\/sup><\/label>\n                <input type=\"text\" name=\"calc_object_name\" id=\"calc_object_name\" class=\"form-control hs-input\" required aria-required=\"true\">\n              <\/div>\n              <div class=\"form-group control control-group-input\">\n                <label for=\"email\">Email<sup>*<\/sup><\/label>\n                <input type=\"email\" name=\"email\" id=\"email\" class=\"form-control hs-input\" required aria-required=\"true\">\n              <\/div>\n              <div class=\"form-group control control-group-input\">\n                <label for=\"firstname\">Voornaam<sup>*<\/sup><\/label>\n                <input type=\"text\" name=\"firstname\" id=\"firstname\" class=\"form-control hs-input\" required aria-required=\"true\">\n              <\/div>  \n              <div class=\"form-group control control-group-input\">\n                <label for=\"lastname\">Naam<sup>*<\/sup><\/label>\n                <input type=\"text\" name=\"lastname\" id=\"lastname\" class=\"form-control hs-input\" required aria-required=\"true\">\n              <\/div>\n\t\t\t<div class=\"form-group control control-group-input\">\n                <label for=\"phone\">Telefoon<sup>*<\/sup><\/label>\n                <input type=\"phone\" name=\"phone\" id=\"phone\" class=\"form-control hs-input\" required aria-required=\"true\">\n              <\/div> \n              <div class=\"form-group control control-group-input\">\n                <label for=\"company\">Bedrijfsnaam<\/label>\n                <input type=\"text\" name=\"company\" id=\"company\" class=\"form-control hs-input\">\n              <\/div>  \n              <div class=\"form-group control control-group-input\">\n                <label for=\"ondernemingsnummer\">Ondernemingsnummer<sup>*<\/sup><\/label>\n                <input type=\"number\" name=\"ondernemingsnummer\" id=\"ondernemingsnummer\" class=\"form-control hs-input number-field\">\n              <\/div> \n\t\t\t<div class=\"form-group control control-group-input\">\n                <label for=\"land\">Land<\/label>\n                <div class=\"input\">\n                  <select id=\"land\" class=\"form-select hs-input\" name=\"land\">\n                    <option value=\"BE\">Belgi\u00eb<\/option>\n                    <option value=\"NL\">Nederland<\/option>\n                    <option value=\"FR\">Frankrijk<\/option>\n                    <option value=\"DE\">Duitsland<\/option>\n                    <option value=\"LX\">Luxemburg<\/option>\n                  <\/select>\n                <\/div>\n\n              <\/div>\n\n              <button type=\"submit\" class=\"btn btn-primary hs-button\">Mail me de aangepaste offerte<\/button>\n\n              <a class=\"reset-link\">Reset<\/a>\n        <\/form>\n  \n    <div class=\"ty-text hidden\">\n      <p>uw aanvraag is goed ontvangen, wij nemen spoedig met u contact op \u2013 tot binnenkort LeaseBroker team. <\/p>\n    <\/div>\n\n<script type=\"text\/javascript\">\n      async function formCalculator() {\n\n        \/\/ get all the form elements\n        var module_class = document.querySelectorAll('.form-calc-wrapper');\n\n\n        (function(root, factory){\n          if(typeof define === 'function' && define.amd) {\n            define([], factory);\n          } else if(typeof exports === 'object') {\n            module.exports = factory();\n          } else {\n            factory();\n          }\n        }(this, function(){\n\n          var formCalc = {\n        \n            fields: {\n              calc_net_amount:0, \n              calc_advance_payment:0, \n              calc_redemption_amount:0, \n              calc_payment_in_months:0, \n              calc_result:0, \n              calc_built_year:\"\", \n              calc_object_name:\"\", \n              email:\"\", \n              firstname:\"\",\n              lastname: \"\",\n\t\t\t  phone: \"\",\n              company: \"\",\n              ondernemingsnummer: \"\",\n\t\t      land: \"\",\n            },\n\n            checkCookie: function(o) {\n\n              const form1 = document.querySelector('form.form-1');\n              const form1Elements = form1.elements;\n\n              \/\/ Get the cookies as an object\n              const cookies = document.cookie.split('; ').reduce((acc, cookie) => {\n                const [name, value] = cookie.split('=');\n                acc[name] = value;\n                return acc;\n              }, {});\n\n              console.log(cookies);\n                \n              \/\/ Loop through all the form elements in form2 and add the values from cookies\n              for (let i = 0; i < form1Elements.length; i++) {\n                const input = form1Elements[i];\n                \/\/ Check if there is a cookie with the same name as the form element\n                if (cookies[input.name]) {\n                  \/\/ Add the value from the cookie to the form element\n                   if (input.nodeName === 'INPUT' && input.type === 'radio') {\n                    \/\/ Check if the value from the cookie matches the value of the radio input\n                    input.checked = (input.value === cookies[input.name]);\n                  } else {\n                    input.value = cookies[input.name];\n                  }\n                }\n              }\n\n            },\n\n            field: function(name) {\n              return document.querySelector(\"form.form-2 .hs-input[name='\" + name + \"']\").value\n            },\n\n            calculateRedemption: function() {\n              const calcNetAmount = document.querySelector('input[name=\"calc_net_amount\"]');\n              const calcRedemptionAmount = document.querySelector('input[name=\"calc_redemption_amount\"]');\n              \n              calcNetAmount.addEventListener('input', function() {\n                let percentage = 0.16\n                let result = calcNetAmount.value * percentage\n                calcRedemptionAmount.value = result.toFixed(2);\n              });\n\n            },\n        \n\t\t\t  calculatePMT: function(rate, nper, pv, fv, type){\n\t\t\t\t  let pmt, pvif;\n\n\t\t\t\t  fv || (fv = 0);\n\t\t\t\t  type || (type = 0);\n\n\t\t\t\t  if (rate === 0)\n\t\t\t\t\t  return -(pv + fv) \/ nper;\n\n\t\t\t\t  pvif = Math.pow(1 + rate, nper);\n\t\t\t\t  pmt = - rate * (pv * pvif + fv) \/ (pvif - 1);\n\n\t\t\t\t  if (type === 1)\n\t\t\t\t\t  pmt \/= (1 + rate);\n\t\t\t\t  return pmt; \n\t\t\t  },\n        \n            calculateResult: function() {\n\n              var coefficient  = {\n                24: 4.95, \n                36: 4.95, \n                48: 4.95, \n                60: 4.95, \n                72: 4.95\n              }\n\n              var result;\n\t\t\t  let interest_rate_year = coefficient[this.fields[\"calc_payment_in_months\"]];\n\t\t\t  let rate = (interest_rate_year \/ 100) \/ 12; \n\t\t\t  let nper = parseFloat(this.fields[\"calc_payment_in_months\"]);\n\t\t\t  let finacieren = -((parseFloat(this.fields[\"calc_net_amount\"])) - ( parseFloat(this.fields[\"calc_advance_payment\"])));\n\t\t\t  let fv = parseFloat(this.fields[\"calc_redemption_amount\"]);\n\n              result = this.calculatePMT(rate, nper, finacieren, fv, 0);\n        \n        \t  console.log(result.toFixed(2));\n        \n              this.fields[\"calc_result\"] = result.toFixed(2);\n              document.querySelector('input[name=\"calc_result\"]').value = result.toFixed(2);\n              \n            },\n        \n      addEventReset: function(o) {\n        const reset = document.querySelector('.reset-link');\n        const form2 = document.querySelector('form.form-2');\n        \n        \n        reset.addEventListener('click',(e) => {\n          form2.classList.add('hidden');\n          document.querySelector('.ty-text').classList.add('hidden');\n          document.querySelector('form.form-1').classList.remove('hidden');\n\n          const form2Elements = form2.elements;\n          for (var i = 0; i < form2Elements.length; i++) { \n            if (form2Elements[i].name) {\n            this.fields[`${form2Elements[i].name}`] = \"\";\n            form2Elements[i].value = \"\";\n            }\n          }\n        });\n      },\n\n            form1Submit: function(o){\n\n              const form1 = document.querySelector('form.form-1');\n              const form2 = document.querySelector('form.form-2');\n\n              form1.addEventListener('submit',(e) => {\n                e.preventDefault();\n                \n                const form1Elements = form1.elements;\n\n                \/\/ Set the expiration date for the cookies (30 days from now)\n                const expiration = new Date();\n                expiration.setDate(expiration.getDate() + 30);\n\n                \/\/ Loop through all the form elements in form1 and copy the values to form2\n                for (let i = 0; i < form1Elements.length; i++) {\n                  const input = form1Elements[i];\n                  \/\/ Get the corresponding form element in form2\n                  const form2Element = form2.elements[input.name];\n                  if (form2Element) {\n                    \/\/ Copy the value to form2\n                    if (input.nodeName === 'SELECT') {\n                      form2Element.selectedIndex = input.selectedIndex;\n                    } else if (input.nodeName === 'INPUT' && input.type === 'radio') {\n                      if (input.checked) {\n                        form2Element.checked = true;\n                      }\n                    } else {\n                      form2Element.value = input.value;\n                    }\n\n                    \/\/ Save the value in a cookie with an expiration\n\n                    document.cookie = `${input.name}=${input.value}; expires=${expiration.toUTCString()}`;\n                    this.fields[`${input.name}`] = `${input.value}`;\n                  }\n                }\n                \/\/add calculation\n                this.calculateResult();\n\t\t\t\t  form1.classList.add('hidden');\n\t\t\t\t  form2.classList.remove('hidden')\n\n\t\t\t\t\/\/data layer\n\t\t\t\tdataLayer.push({ \n\t\t\t\t\t'event':'calculation', \n\t\t\t\t\t'eventCategory': this.fields[\"calc_net_amount\"], \n\t\t\t\t\t'eventAction': 'calculation',  \n\t\t\t\t\t'eventLabel': `${this.fields[\"calc_built_year\"]} - ${this.fields[\"calc_payment_in_months\"]} - ${this.fields[\"calc_advance_payment\"]} - ${this.fields[\"calc_result\"]}`\n\t\t\t\t});  \n\t\t\t\t  \n\t\t\t\tconsole.log(`${this.fields[\"calc_built_year\"]} - ${this.fields[\"calc_payment_in_months\"]} - ${this.fields[\"calc_advance_payment\"]} - ${this.fields[\"calc_result\"]}`)\n\t\t\t\t  \n              });\n      \n\n            },\n            form2Submit: function(o){\n              const form2 = document.querySelector('form.form-2');\n              form2.addEventListener('submit',(e) => {\n                e.preventDefault();\n                const form2Elements = form2.elements;\n                for (var i = 0; i < form2Elements.length; i++) { \n                  if (form2Elements[i].name) {\n                    this.fields[`${form2Elements[i].name}`] = `${form2Elements[i].value}`;\n                  }\n                }\n\n                this.callHSApi();\n\t\t\t\t\n\n              });\n\n            }, \n\n            callHSApi: async function(o) {\n              var formID = document.querySelector(\".form-2\").dataset.formId;\n              var formPath = document.querySelector(\".form-2\").dataset.action;\n              var dataIp = \"\";\n                \n              await fetch(\"https:\/\/api.ipify.org\/\")\n              .then((res) => res.text())\n              .then((ipAddress) => {\n                dataIp = ipAddress;\n                console.log(dataIp);\n              });\n                \n              var hsutk = \"\"\n              if (document.cookie.match(\/hubspotutk=([^;]*);\/)){\n                hsutk = document.cookie.match(\/hubspotutk=([^;]*);\/)[1];\n                \/\/console.log(\"hutk:\"+hsutk);\n              }\n\n              var json = {\n                \"fields\": [\n                  {\n                      \"name\": \"calc_net_amount\",\n                      \"value\": this.field(\"calc_net_amount\")\n                  },\n                  {\n                      \"name\": \"calc_advance_payment\",\n                      \"value\": this.field(\"calc_advance_payment\")\n                  },\n                  {\n                      \"name\": \"calc_redemption_amount\",\n                      \"value\": this.field(\"calc_redemption_amount\")\n                  },\n                  {\n                      \"name\": \"calc_payment_in_months\",\n                      \"value\": this.field(\"calc_payment_in_months\")\n                  },\n                  {\n                      \"name\": \"calc_result\",\n                      \"value\": this.field(\"calc_result\")\n                  },\n                  {\n                      \"name\": \"calc_built_year\",\n                      \"value\": this.field(\"calc_built_year\")\n                  },\n                  {\n                      \"name\": \"calc_object_name\",\n                      \"value\": this.field(\"calc_object_name\")\n                  },\n                  {\n                      \"name\": \"email\",\n                      \"value\": this.field(\"email\")\n                  },\n                  {\n                      \"name\": \"firstname\",\n                      \"value\": this.field(\"firstname\")\n                  },\n                  {\n                      \"name\": \"lastname\",\n                      \"value\": this.field(\"lastname\")\n                  },\n\t\t\t      {\n                      \"name\": \"phone\",\n                      \"value\": this.field(\"phone\")\n                  },\t\t\n                  {\n                      \"name\": \"company\",\n                      \"value\": this.field(\"company\")\n                  },\n                  {\n                      \"name\": \"ondernemingsnummer\",\n                      \"value\": this.field(\"ondernemingsnummer\")\n                  },\n                  {\n                      \"name\": \"land\",\n                      \"value\": this.field(\"land\")\n                  }\n                ],\n                \"context\": {\n                    \"pageUri\": window.location.href,\n                    \"pageName\": document.title,\n                    \"ipAddress\": dataIp,\n                },\n                \"legalConsentOptions\": {\n                    \"consent\":{\n                        \"consentToProcess\": true,\n                        \"text\": \"Your privacy is important. We ask you for the above information in order to (a) answer your question, (b) improve your experience on our site through personalization, and (c) provide you with information that we think may be relevant to you.\"\n                    }\n                }\n              };\n\n              if(hsutk){\n                  json[\"context\"][\"hutk\"] = hsutk;\n              }\n\n              if (formID != \"\") {\n\n                console.log(json);\n                var params = JSON.stringify(json);\n                let result = await fetch(formPath,{\n                  'method': 'POST',\n                  'headers': {\n                    'Content-Type': 'application\/json'\n                  },\n                  'body': params\n                }).then(res=>res.json()).catch(e=>{\n                  console.log(e);\n                  throw e;\n                });\n\n                console.log(result);\n                console.log('Data: ');\n                console.log(params);\n\n        \t\tconst ty = document.querySelector('.ty-text');\n                const form2 = document.querySelector('form.form-2');\n          \n                form2.classList.add('hidden');\n                ty.classList.remove('hidden');\n\t\t\t\t  \n\t\t\t\t\n\t\t\t\t\/\/data layer\n\t\t\t\tdataLayer.push({ \n\t\t\t\t\t'event':'calculation', \n\t\t\t\t\t'eventCategory': this.fields[\"calc_net_amount\"], \n\t\t\t\t\t'eventAction': 'quote',  \n\t\t\t\t\t'eventLabel': `${this.fields[\"calc_built_year\"]} - ${this.fields[\"calc_payment_in_months\"]} - ${this.fields[\"calc_advance_payment\"]} - ${this.fields[\"calc_result\"]} - ${this.fields[\"calc_object_name\"]} - ${this.fields[\"land\"]}`\n\t\t\t\t});  \n\t\t\t\t  \n\t\t\t\t  \n\t\t\t\tconsole.log(`DATA QUOTE layer: ${this.fields[\"calc_built_year\"]} - ${this.fields[\"calc_payment_in_months\"]} - ${this.fields[\"calc_advance_payment\"]} - ${this.fields[\"calc_result\"]}  - ${this.fields[\"calc_object_name\"]} - ${this.fields[\"land\"]}`)\n\t\t\t\t  \n\n\n                } else {\n                    console.log(\"There is no form!\");\n                }  \n\n              },\n\n            init: function(o){\n              this.checkCookie(o);\n              this.form1Submit(o);\n\t\t\t\tthis.form2Submit(o);\n\t\t\t\tthis.addEventReset(o);\n              this.calculateRedemption(o);\n\n            }\n\n          }\n\n\n          window.formCalc = formCalc;\n          return formCalc;\n\n        }));\n\n        module_class.forEach((o,i)=>{\n          formCalc.init(o);\n        })\n\n      };\n      formCalculator();\n    <\/script>\n    \n    <style>\n        form.hidden,\n    div.hidden {\n            display: none;\n        }\n    \n    .form-control-green{\n      border-color: green !important;\n      background: rgb(0 128 0 \/ 33%) !important;\n    }\n    \n    .reset-link {\n      display: block;\n      cursor: pointer;\n      text-decoration: underline !important;\n      margin-top: 10px;\n      font-size: 85%;\n    }\n    \n    .ty-text {\n      text-align: center;\n    }\n    \n    select:disabled  {\n        background-color: #e9ecef;\n    }\n        \n    <\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CALCULATRICE DE BAIL<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-18135","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/lease-broker.com\/fr\/wp-json\/wp\/v2\/pages\/18135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lease-broker.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lease-broker.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lease-broker.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lease-broker.com\/fr\/wp-json\/wp\/v2\/comments?post=18135"}],"version-history":[{"count":0,"href":"https:\/\/lease-broker.com\/fr\/wp-json\/wp\/v2\/pages\/18135\/revisions"}],"wp:attachment":[{"href":"https:\/\/lease-broker.com\/fr\/wp-json\/wp\/v2\/media?parent=18135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}