'); var $wrapper = $(''); var $trigger = $(''); var $panel = $(''); var $search = $(''); var $list = $(''); $panel.append($search).append($list); $wrapper.append($trigger).append($panel); $grid.after($chips.add($wrapper)); // inside initProductDropdown, right after: $grid.after($chips.add($wrapper)); var $spacer = $(''); $wrapper.after($spacer); var panelObserver = new MutationObserver(function () { $spacer.css('height', $panel.hasClass('pc-open') ? '300px' : '0'); window.dispatchEvent(new Event('resize')); }); panelObserver.observe($panel[0], { attributes: true, attributeFilter: ['class'] }); function checkedItems() { return items.filter(function (i) { return i.$input.is(':checked'); }); } function renderList(filter) { $list.empty(); var query = (filter || '').toLowerCase(); var matched = 0; items.forEach(function (item) { if (query && item.title.toLowerCase().indexOf(query) === -1) return; matched++; var $row = $(''); var $cb = $('').prop('checked', item.$input.is(':checked')); var $thumb = $('').attr('src', item.img); var $label = $('').text(item.title); $row.append($cb, $thumb, $label); $cb.on('change', function () { if ($cb.is(':checked')) { if (checkedItems().length >= MAX_SELECT) { $cb.prop('checked', false); showLimitMessage(); return; } item.$input.prop('checked', true).trigger('change'); } else { item.$input.prop('checked', false).trigger('change'); } renderChips(); updateTriggerText(); }); $list.append($row); }); if (matched === 0) $list.append('

No products found

'); } function showLimitMessage() { if ($panel.find('.pc-limit-msg').length) return; $panel.prepend('

You can select up to ' + MAX_SELECT + ' products.

'); setTimeout(function () { $panel.find('.pc-limit-msg').fadeOut(300, function () { $(this).remove(); }); }, 2000); } function renderChips() { $chips.empty(); checkedItems().forEach(function (item) { var $card = $('

'); var $remove = $(''); var $img = $('').attr('src', item.img); var $title = $('

').text(item.title); $remove.on('click', function () { item.$input.prop('checked', false).trigger('change'); renderChips(); renderList($search.val()); updateTriggerText(); }); $card.append($remove, $img, $title); $chips.append($card); }); } function updateTriggerText() { var count = checkedItems().length; $trigger.text(count > 0 ? count + ' product' + (count > 1 ? 's' : '') + ' selected' : 'Select products (max ' + MAX_SELECT + ')'); } $trigger.on('click', function (e) { e.stopPropagation(); $panel.toggleClass('pc-open'); if ($panel.hasClass('pc-open')) { $search.val('').trigger('focus'); renderList(''); } }); $search.on('input', function () { renderList($(this).val()); }); $(document).on('click', function (e) { if (!$wrapper.is(e.target) && $wrapper.has(e.target).length === 0) { $panel.removeClass('pc-open'); } }); $formGroup.on('click', '.clear-selection-link, .clear-selection-btn', function () { items.forEach(function (item) { item.$input.prop('checked', false).trigger('change'); }); renderChips(); renderList($search.val()); updateTriggerText(); }); renderChips(); updateTriggerText(); } function tryInitAll() { $('.form_container .product_choice').each(function () { initProductDropdown($(this)); }); } // Poll for up to ~8 seconds since Hulk builds the grid asynchronously var attempts = 0; var pollTimer = setInterval(function () { attempts++; tryInitAll(); if ($('.form_container .product_choice').data('pc-initialized') || attempts > 40) { clearInterval(pollTimer); } }, 200); }); (function () { function formatBookingResponse() { var container = document.querySelector('.after_form_submit .content_div'); var heading = document.querySelector('.after_form_submit .response_heading'); if (!container || container.dataset.pcFormatted) return; var rows = container.querySelectorAll('table tr'); if (!rows.length) return; var data = {}; rows.forEach(function (row) { var cells = row.querySelectorAll('td'); if (cells.length < 2) return; var label = cells[0].textContent.trim(); var value = cells[1].textContent.trim(); data[label] = value; }); container.dataset.pcFormatted = 'true'; // Parse "August 6, 2026, 01:30 PM UTC - 02:15 PM UTC" into separate date/time, dropping "UTC" var bookingRaw = data['Booking Calender'] || ''; var dateStr = bookingRaw; var timeStr = ''; var match = bookingRaw.match(/^(.*?),\s*(\d{1,2}:\d{2}\s*[AP]M)\s*UTC\s*-\s*(\d{1,2}:\d{2}\s*[AP]M)\s*UTC/i); if (match) { dateStr = match[1].trim(); timeStr = match[2] + ' - ' + match[3]; } var nameKey = isEnglishSite ? 'Name' : 'Naam'; var phoneKey = isEnglishSite ? 'Mobile Number' : 'Telefoonnummer'; var productsKey = isEnglishSite ? 'Which bags would you like to view? (maximum 3)' : 'Welke tassen wilt u graag bekijken? (maximaal 3)'; var nameLabel = isEnglishSite ? 'Name:' : 'Naam:'; var phoneLabel = isEnglishSite ? 'Mobile Number:' : 'Telefoonnummer:'; var bagsLabel = isEnglishSite ? 'Bags to view:' : 'Tassen om te bekijken:'; var products = (data[productsKey] || '') .split('\n') .map(function (p) { return p.trim(); }) .filter(Boolean); var productListHtml = products.map(function (p) { return '

' + p + '

'; }).join(''); var card = document.createElement('div'); card.className = 'pc-confirmation-card'; var confirmationSub = isEnglishSite ? 'Your appointment is confirmed. We look forward to welcoming you at the Purse Curse showroom.' : 'Uw afspraak is bevestigd. Wij kijken ernaar uit om u te verwelkomen in de Purse Curse showroom.'; card.innerHTML = '

' + confirmationSub + '

' + '

Date:' + dateStr + '

' + '

Time:' + timeStr + '

' + '

Employee:Ghislaine Hendrix

' + '

Service:Showroom afspraak Venlo

' + '

Location:Kazernestraat 10, 5928NL Venlo

' + '

' + nameLabel + '' + (data[nameKey] || '') + '

' + '

Email:' + (data['Email'] || '') + '

' + '

' + phoneLabel + '' + (data[phoneKey] || '') + '

' + (products.length ? '

' + bagsLabel + '

' + productListHtml + '

' : ''); container.insertBefore(card, container.firstChild); } var pcObserver = new MutationObserver(function () { formatBookingResponse(); }); pcObserver.observe(document.body, { childList: true, subtree: true }); formatBookingResponse(); })(); (function () { function dayIsFullyBooked(dateStr, config) { var date = new Date(dateStr + "T00:00:00"); var weekday = date.getDay(); var availability = config.available_days_times.find(function (d) { return d.weekday == weekday; }); if (!availability) return false; // no hours configured = not "fully booked", just closed; leave as-is var isBlocked = (config.booking_exceptions || []).some(function (ex) { return ex.date === dateStr; }); if (isBlocked) return false; var slots = generateTimeSlots( availability.start_time, availability.end_time, parseInt(config.slot_duration_minutes), parseInt(config.buffer_minutes), dateStr, config.booking_exceptions || [], config.booked_slots || [], config.allow_multiple_bookings, config.timezone_handling ); if (slots.length === 0) return false; return slots.every(function (s) { return s.status !== 'available'; }); } function markFullyBookedDays() { document.querySelectorAll('.flatpickr-day:not(.flatpickr-disabled)').forEach(function (dayElem) { if (dayElem.dataset.pcChecked) return; var dateObj = dayElem.dateObj; if (!dateObj) return; var dateStr = dateObj.getFullYear() + '-' + String(dateObj.getMonth() + 1).padStart(2, '0') + '-' + String(dateObj.getDate()).padStart(2, '0'); var elementCount = 0; var config = (typeof bookingConfigs !== 'undefined') ? bookingConfigs[elementCount] : null; if (!config) return; dayElem.dataset.pcChecked = 'true'; if (dayIsFullyBooked(dateStr, config)) { dayElem.classList.add('pc-day-full'); } }); } var calendarObserver = new MutationObserver(function () { markFullyBookedDays(); }); calendarObserver.observe(document.body, { childList: true, subtree: true }); markFullyBookedDays(); })(); console.log("🚀 Translation Script Loaded"); const translationsFirstGroup = [ { "selector": "input#booking-date-0", "translation": "Boekingskalender*" }, { "selector": "input[name='Name']", "translation": "Naam*" }, { "selector": ".email label[for='form_input_2']", "translation": "E-mailadres" }, { "selector": "input[name='Mobile Number']", "translation": "Telefoonnummer*" }, { "selector": "#form_input_4", "translation": "Welke tassen wilt u bekijken? (maximaal 3)*" }, { "selector": "textarea[name='Comments']", "translation": "Opmerkingen" } ]; const translationsSecondGroup = []; const translationsThirdGroup = [ { "selector": ".form_submit_div .btn", "translation": "Afspraak boeken" }, { "selector": "#booking-container label[for='booking-date']", "translation": "Selecteer datum" }, { "selector": ".sloat-lable-0", "translation": "Selecteer tijdslot" }, { "selector": ".pc-dropdown-trigger", "translation": "Selecteer producten (max 3)" }, { "selector": "#slots-0", // જો સ્લોટ્સ ન હોય ત્યારે 'Pick a time' દર્શાવાય તો "translation": "Kies een tijd" } ]; const validationTranslations = [ { "original": "Name is required", "translation": "Naam is verplicht" }, { "original": "Mobile Number is required", "translation": "Telefoonnummer is verplicht" }, { "original": "Email is required", "translation": "E-mailadres is verplicht" }, { "original": "Provide valid email format", "translation": "Voer een geldig e-mailadres in" }, { "original": "Provide valid phone number", "translation": "Voer een geldig telefoonnummer in" } ]; const dropzoneTranslations = [ { "original": "Remove file", "translation": "Bestand verwijderen" }, { "original": "Cancel upload", "translation": "Upload annuleren" } ]; function translateForm() { console.log("🔄 Starting translateForm() execution..."); // 1. Placeholder Translation const dateInput = document.querySelector('#booking-date-0'); if (dateInput) { dateInput.setAttribute('placeholder', 'Kies een datum'); console.log("✅ Placeholder updated for date picker"); } else { console.warn("⚠️ Date picker input not found (#booking-date-0)"); } // 2. First Group Translation translationsFirstGroup.forEach((object, index) => { const el = document.querySelector(object.selector); if (el && el.previousElementSibling) { console.log(`✅ FirstGroup [${index}]: Translated label for '${object.selector}' -> '${object.translation}'`); el.previousElementSibling.textContent = object.translation; } else { console.warn(`⚠️ FirstGroup [${index}]: Element or previousElementSibling not found for '${object.selector}'`); } }); // 3. Second Group Translation translationsSecondGroup.forEach((object, index) => { const el = document.querySelector(object.selector); if (el && el.parentElement && el.parentElement.previousElementSibling) { console.log(`✅ SecondGroup [${index}]: Translated element for '${object.selector}'`); el.parentElement.previousElementSibling.textContent = object.translation; } else { console.warn(`⚠️ SecondGroup [${index}]: Target not found for '${object.selector}'`); } }); // 4. Third Group Translation translationsThirdGroup.forEach((object, index) => { const el = document.querySelector(object.selector); if (el) { console.log(`✅ ThirdGroup [${index}]: Translated text for '${object.selector}' -> '${object.translation}'`); el.textContent = object.translation; } else { console.warn(`⚠️ ThirdGroup [${index}]: Element not found for '${object.selector}'`); } }); // MutationObserver for dynamic content (Validation errors, Modals) const observer = new MutationObserver((mutationsList) => { observer.disconnect(); mutationsList.forEach(mutation => { if (mutation.type === 'childList' || mutation.type === 'characterData') { // Translate dynamic alerts document.querySelectorAll('.alert_message p').forEach(alert => { validationTranslations.forEach(object => { if (alert.textContent.includes(object.original)) { console.log(`🚨 Validation error translated: '${object.original}' -> '${object.translation}'`); alert.textContent = alert.textContent.replace(object.original, object.translation); } }); }); // Translate Dropzone const removeFile = document.querySelector('.dropzone .dz-remove'); if (removeFile) { dropzoneTranslations.forEach(trans => { if (removeFile.textContent.includes(trans.original)) { console.log(`📁 Dropzone text translated: '${trans.original}' -> '${trans.translation}'`); removeFile.textContent = removeFile.textContent.replace(trans.original, trans.translation); } }); } // Translate Loader const loader = document.querySelector('.swal-modal .loader-container h4'); if (loader && loader.textContent.includes('Processing')) { console.log("⏳ Processing modal text translated to Dutch"); loader.textContent = loader.textContent.replace('Processing', 'Verwerken...'); } } }); setTimeout(() => { observer.observe(document.body, { subtree: true, childList: true, characterData: true }); }, 100); }); observer.observe(document.body, { subtree: true, childList: true, characterData: true }); console.log("👀 MutationObserver initialized for dynamic content"); } function showForm() { const container = document.querySelector('.formContainer') || document.querySelector('#formGeneratorForm'); if (container) { container.style.visibility = 'visible'; console.log("👁️ Form is now VISIBLE"); } else { console.error("❌ Could not find form container to make it visible"); } } // Window Message Listener window.addEventListener('message', (event) => { console.log("📩 Received postMessage event:", event.data); if (event.data && event.data.currentLanguage) { const language = event.data.currentLanguage; console.log(`🌐 Language received: '${language}'`); document.documentElement.lang = language; if (language === 'nl') { console.log("⏳ Language is Dutch ('nl'). Waiting 1000ms to apply translations..."); setTimeout(() => { translateForm(); showForm(); }, 1000); } else { console.log(`ℹ️ Language is '${language}' (Not Dutch). Showing default form.`); showForm(); } } else { console.log("ℹ️ Event data does not contain 'currentLanguage'"); } }); // HULK-dp window.addEventListener("load", () => { const polling = setInterval(() => { const fpInstance = document.querySelector("#datetimepicker1 input")._flatpickr; if (fpInstance) { clearInterval(polling); const twentyFourHoursFromNow = new Date(); twentyFourHoursFromNow.setHours(twentyFourHoursFromNow.getHours() + 24); fpInstance.set("minDate", twentyFourHoursFromNow); } }, 100); setTimeout(() => clearInterval(polling), 20000); });

Zonnebrillen