Bruiloft catering met authentieke Indonesische smaken

"), of in een Code Block onderaan de pagina. */ (function () { 'use strict'; // Prijzen per persoon. Aanpassen = alleen hier. var MENU = { 'sederhana': { name: 'Sederhana', price: 16.50 }, 'sedap': { name: 'Sedap', price: 20.20 }, 'lengkap': { name: 'Lengkap', price: 22.30 }, 'nasi rames': { name: 'Nasi Rames', price: 12.50, minGuests: 40 } }; var DEFAULT_MENU = 'sederhana'; var SAVINGS_FROM = 40; // vanaf hier tonen we .more-40 (tip: kies Nasi Rames) var RADIO = '.rijsttafel_input input[type="radio"]'; var RANGE = '.guests_input input[type="range"]'; var NUMBER = '.guests_input .fusion-form-range-value'; function $all(sel) { return Array.prototype.slice.call(document.querySelectorAll(sel)); } function setText(sel, val) { $all(sel).forEach(function (el) { el.textContent = val; }); } // 15 -> "15", 18.8 -> "18,80" function fmtPerPerson(n) { return n.toFixed(2).replace('.', ',').replace(/,00$/, ''); } // 1316 -> "1.316" function fmtTotal(n) { return Math.round(n).toLocaleString('nl-NL'); } function getGuests() { var r = document.querySelector(RANGE); var n = r ? parseInt(r.value, 10) : NaN; return isNaN(n) ? 0 : n; } function setGuests(n) { var r = document.querySelector(RANGE); if (!r) return; r.value = n; var t = document.querySelector(NUMBER); if (t) t.value = n; // Laat Avada zijn eigen UI (tekstveld/track) bijwerken r.dispatchEvent(new Event('input', { bubbles: true })); r.dispatchEvent(new Event('change', { bubbles: true })); } function getMenuKey() { var checked = document.querySelector(RADIO + ':checked'); return checked && MENU[checked.value] ? checked.value : null; } function selectMenu(key) { $all(RADIO).forEach(function (r) { r.checked = (r.value === key); }); } var busy = false; function update() { if (busy) return; busy = true; var guests = getGuests(); var key = getMenuKey(); if (!key) { key = DEFAULT_MENU; selectMenu(key); } // Nasi Rames alleen vanaf 40 gasten: terugvallen op Sederhana als het aantal zakt if (MENU[key].minGuests && guests < MENU[key].minGuests) { key = DEFAULT_MENU; selectMenu(key); } var menu = MENU[key]; setText('.guests', guests); setText('.price_person', fmtPerPerson(menu.price)); setText('.price_calculated', fmtTotal(menu.price * guests)); setText('.rijsttafel > div', menu.name); // Nasi Rames-radio visueel dimmen onder 40 gasten $all(RADIO).forEach(function (r) { var m = MENU[r.value]; var off = !!(m && m.minGuests && guests < m.minGuests); var wrap = r.closest('.fusion-form-radio'); if (wrap) wrap.style.opacity = off ? '0.5' : ''; }); // Bespaartip (.more-40) alleen bij 40+ gasten en als Nasi Rames nog niet gekozen is var showTip = guests >= SAVINGS_FROM && key !== 'nasi rames'; $all('.more-40').forEach(function (el) { el.style.display = showTip ? '' : 'none'; el.style.cursor = 'pointer'; }); busy = false; } function onRadioChange(e) { var key = e.target.value; var m = MENU[key]; // Nasi Rames kiezen onder 40 gasten: gasten naar 40 zetten if (m && m.minGuests && getGuests() < m.minGuests) setGuests(m.minGuests); update(); } function init() { if (!document.querySelector(RANGE)) return; // niet op deze pagina document.addEventListener('change', function (e) { if (e.target.matches(RADIO)) onRadioChange(e); else if (e.target.matches(RANGE) || e.target.matches(NUMBER)) update(); }); document.addEventListener('input', function (e) { if (e.target.matches(RANGE)) update(); // Tekstveld: Avada zet de slider bij; even wachten en dan rekenen if (e.target.matches(NUMBER)) setTimeout(update, 0); }); // Klik op de tip = Nasi Rames kiezen document.addEventListener('click', function (e) { if (e.target.closest('.more-40')) { if (getGuests() < 40) setGuests(40); selectMenu('nasi rames'); update(); } }); update(); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init); else init(); })();