{"id":18033,"date":"2023-11-07T10:39:35","date_gmt":"2023-11-07T10:39:35","guid":{"rendered":"https:\/\/lease-broker.com\/calculateur-de-bail\/"},"modified":"2024-09-10T11:42:26","modified_gmt":"2024-09-10T11:42:26","slug":"calculateur-de-bail","status":"publish","type":"page","link":"https:\/\/lease-broker.com\/fr\/calculateur-de-bail\/","title":{"rendered":"Calculateur de bail"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18033\" class=\"elementor elementor-18033 elementor-17482\" 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\">\n\t\t\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-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<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\">Montant net de l'objet \u00e0 emprunter<\/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\">L'avance que je pr\u00e9f\u00e8re<\/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\">Montant r\u00e9siduel<\/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\">Nombre de mois que je souhaite rembourser<\/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\">L'ann\u00e9e de construction de l'objet \u00e0 emprunter<\/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\">Calculer le remboursement mensuel<\/button>\n\n        <\/form>\n\n        <form data-action=\"https:\/\/api.hsforms.com\/submissions\/v3\/integration\/submit\/8815062\/efa2abeb-d9e8-4420-9d60-ab0bea9e48ad\" \n              data-portal-id=\"8815062\"\n              data-form-id=\"efa2abeb-d9e8-4420-9d60-ab0bea9e48ad\"\n              class=\"final-form form-2 hidden  hs-form\">\n              <div class=\"form-group control control-group-input\">\n                 <label for=\"calc_net_amount\">Montant net de l'objet \u00e0 emprunter<\/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\">L'avance que je pr\u00e9f\u00e8re<\/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\">Montant r\u00e9siduel<\/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\">Nombre de mois que je souhaite rembourser<\/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\">Le remboursement mensuel<\/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\">L'ann\u00e9e de construction de l'objet \u00e0 emprunter<\/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\">Description de l'objet \u00e0 emprunter<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\">E-mail<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\">Pr\u00e9nom<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\">Nom<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\">T\u00e9l\u00e8phone<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\">Nom de l'entreprise<\/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\">Num\u00e9ro d'entreprise<sup>*<\/sup><\/label>\n                <input type=\"number\" name=\"ondernemingsnummer\" id=\"ondernemingsnummer\" class=\"form-control hs-input number-field\">\n              <\/div> \n\t\t\t\t<div class=\"form-group control control-group-input\">\n                <label for=\"land\">Pays<\/label>\n                <div class=\"input\">\n                  <select id=\"land\" class=\"form-select hs-input\" name=\"land\">\n                    <option value=\"BE\">Belgique<\/option>\n                    <option value=\"NL\">Pays-Bas<\/option>\n                    <option value=\"FR\">France<\/option>\n                    <option value=\"DE\">Allemagne<\/option>\n                    <option value=\"LX\">Luxembourg<\/option>\n                  <\/select>\n                <\/div>\n\n              <\/div>\n\n              <button type=\"submit\" class=\"btn btn-primary hs-button\">Envoyez-moi le devis d\u00e9taill\u00e9 par e-mail<\/button>\n\n              <a class=\"reset-link\">Reset<\/a>\n        <\/form>\n  \n    <div class=\"ty-text hidden\">\n      <p>Votre demande a \u00e9t\u00e9 re\u00e7ue, nous vous contacterons sous peu - \u00e0 bient\u00f4t l'\u00e9quipe LeaseBroker.<\/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\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\tform1.classList.add('hidden');\n\t\t\t\tform2.classList.remove('hidden');\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': '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            },\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\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                  },\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        const 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  \/\/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        this.form2Submit(o);\n        this.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-18033","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/lease-broker.com\/fr\/wp-json\/wp\/v2\/pages\/18033","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=18033"}],"version-history":[{"count":0,"href":"https:\/\/lease-broker.com\/fr\/wp-json\/wp\/v2\/pages\/18033\/revisions"}],"wp:attachment":[{"href":"https:\/\/lease-broker.com\/fr\/wp-json\/wp\/v2\/media?parent=18033"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}