var Webflow = Webflow || []; Webflow.push(function() { const CUR_EUR = 'EUR'; const CUR_USD = 'USD'; const CUR_GBP = 'GBP'; const CUR_SIGNS = { 'EUR': '€', 'USD': '$', 'GBP': '£', }; let curCurrency; let isAnnual; const basePrices = { "packages": [350], "addons": [499, 999, 7500, 997, 500, 99, 999] }; let exchangeRates = { 'EUR': 1, 'USD': 1.09, 'GBP': 0.86 }; var PRICES = { 'EUR': [ [basePrices.packages[0], basePrices.packages[1], basePrices.packages[2]], [basePrices.addons[0], basePrices.addons[1], basePrices.addons[2], basePrices.addons[3], basePrices.addons[4], basePrices.addons[5], basePrices.addons[6]] ], 'USD': [ [basePrices.packages[0]*exchangeRates.USD, basePrices.packages[1]*exchangeRates.USD, basePrices.packages[2]*exchangeRates.USD], [basePrices.addons[0]*exchangeRates.USD, basePrices.addons[1]*exchangeRates.USD, basePrices.addons[2]*exchangeRates.USD, basePrices.addons[3]*exchangeRates.USD, basePrices.addons[4]*exchangeRates.USD, basePrices.addons[5]*exchangeRates.USD, basePrices.addons[6]*exchangeRates.USD] ], 'GBP': [ [basePrices.packages[0]*exchangeRates.GBP, basePrices.packages[1]*exchangeRates.GBP, basePrices.packages[2]*exchangeRates.GBP], [basePrices.addons[0]*exchangeRates.GBP, basePrices.addons[1]*exchangeRates.GBP, basePrices.addons[2]*exchangeRates.GBP, basePrices.addons[3]*exchangeRates.GBP, basePrices.addons[4]*exchangeRates.GBP, basePrices.addons[5]*exchangeRates.GBP, basePrices.addons[6]*exchangeRates.GBP] ], }; function getExchangeRates() { var requestURL = 'https://api.exchangerate.host/latest?base=EUR&symbols=USD,EUR,GBP'; var request = new XMLHttpRequest(); request.open('GET', requestURL); request.responseType = 'json'; request.send(); request.onload = function() { var response = request.response; if(response && response.success) { exchangeRates = response.rates; } } } getExchangeRates(); function getCorrectPrices(prices) { const newPrices = {}; const currencies = ['EUR', 'USD', 'GBP']; currencies.forEach(function(currency, index) { // setPoint(Math.ceil(prices.packages[3]*exchangeRates[currency])); newPrices[currency] = [ [Math.ceil(prices.packages[0]*exchangeRates[currency]), Math.ceil(prices.packages[1]*exchangeRates[currency]), Math.ceil(prices.packages[2]*exchangeRates[currency])], [Math.ceil(prices.addons[0]*exchangeRates[currency]), Math.ceil(prices.addons[1]*exchangeRates[currency]), Math.ceil(prices.addons[2]*exchangeRates[currency]), Math.ceil(prices.addons[3]*exchangeRates[currency]), Math.ceil(prices.addons[4]*exchangeRates[currency]), Math.ceil(prices.addons[5]*exchangeRates[currency]), Math.ceil(prices.addons[6]*exchangeRates[currency])], ] }); PRICES = newPrices; } getCorrectPrices(basePrices); function setPoint(price) { if(price.toString().length > 3) { const newPrice = price.toString().replace(/(?=(?:.{3})*$)/g, '.'); const finalNewPrice = newPrice.substring(0, newPrice.length - 1); return finalNewPrice; } else { return price; } } initPricing(); function initPopup() { const popup = $('.c-pr-popup'); const calcIframe = $("#calculator-iframe"); const popupBtns = $('.pr-show-calculator'); popupBtns.on('click', (e) => { const btn = $(e.currentTarget)[0]; const calculatorType = btn.dataset.calculatorType; console.log(calculatorType); calcIframe.attr("src", `https://calculator.codigitalsite.nl?state=${calculatorType}`); showPopup(true); }); const closeBtn = $('.pr-pop__close'); closeBtn.on('click', () => { showPopup(false); }); function showPopup(st) { if (st) { popup.addClass('show'); } else { popup.removeClass('show'); } } } initPopup(); function initPricing() { const billingToggle = $('.pr-tbl-toggle'); billingToggle.on('click', () => { isAnnual = !isAnnual; if (isAnnual) billingToggle.addClass('is--annual'); else billingToggle.removeClass('is--annual'); updatePrices(); }); const currencyBtns = $('.pr-tbl-currency-btn'); currencyBtns.on('click', (e) => { const btn = $(e.currentTarget); curCurrency = btn.attr('data-currency'); currencyBtns.removeClass('is--active'); $(`.pr-tbl-ctrl__currency [data-currency='${curCurrency}']`).addClass('is--active'); updatePrices(); }); // init curCurrency = CUR_EUR; isAnnual = true; updatePrices(); } function updatePrices() { const priceNums = $('.pr-tbl-col__price__num'); const nums = PRICES[curCurrency][0]; priceNums.each((i, el) => { $(el).text(CUR_SIGNS[curCurrency] + setPoint(Math.ceil((nums[i] * (isAnnual ? 1 : 1.15))))); }); const addonNums = $('.pr-add-on__price__num'); addonNums.each((i, el) => { $(el).text(CUR_SIGNS[curCurrency] + setPoint(Math.ceil((PRICES[curCurrency][1][i] * (isAnnual ? 1 : 1))))); }); } }); var Webflow = Webflow || []; Webflow.push(function() { const buttonsPrev = $('.hp-rev-slide__details__arrows > *:nth-child(1)'); const buttonsNext = $('.hp-rev-slide__details__arrows > *:nth-child(2)'); const btnsSlider = $('.hp-reviews-slider > .hp-rev-slider__arrow'); buttonsPrev.on('click', () => { $(btnsSlider[0]).trigger('click'); }); buttonsNext.on('click', () => { $(btnsSlider[1]).trigger('click'); }); });