'); 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['Boekingskalender'] || ''; 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 products = (data['Welke tassen wilt u graag bekijken? (maximaal 3)'] || '') .split('\n') .map(function (p) { return p.trim(); }) .filter(Boolean); var productListHtml = products.map(function (p) { return '

' + p + '

'; }).join(''); 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.'; var serviceText = isEnglishSite() ? 'Showroom appointment in Venlo' : 'Showroom afspraak Venlo'; var card = document.createElement('div'); card.className = 'pc-confirmation-card'; card.innerHTML = '

' + confirmationSub + '

' + '

Date:' + dateStr + '

' + '

Time:' + timeStr + '

' + '

Employee:Ghislaine Hendrix

' + '

Service:' + serviceText + '

' + '

Location:Kazernestraat 10, 5928NL Venlo

' + '

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

' + '

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

' + '

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

' + (products.length ? '

Bags to view:

' + 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'); } }); } function updateTimeSlotLabelIfEnglish() { if (!isEnglishSite()) return; var $timeSlotLabel = $('.sloat-lable-0'); if ($timeSlotLabel.length && $timeSlotLabel.text() !== 'Select Time Slot') { $timeSlotLabel.text('Select Time Slot'); } } var calendarObserver = new MutationObserver(function () { markFullyBookedDays(); updateTimeSlotLabelIfEnglish(); }); calendarObserver.observe(document.body, { childList: true, subtree: true }); markFullyBookedDays(); updateTimeSlotLabelIfEnglish(); })(); jQuery(document).ready(function($) { var alertTranslations = [ { original: 'Boekingskalender is required', translation: 'Booking calendar is required' }, { original: 'Naam is required', translation: 'Name is required' }, { original: 'Telefoonnummer is required', translation: 'Mobile Number is required' }, { original: 'Product Choice is required', translation: 'Product Choice is required' } ]; function isEnglishReferrer() { return isEnglishSite(); } function translateAlerts() { if (!isEnglishReferrer()) return; $('.alert_message p.alert-danger').each(function () { var $el = $(this); var text = $el.text().trim(); alertTranslations.forEach(function (item) { if (text === item.original) { $el.text(item.translation); $el.attr('aria-label', item.translation); } }); }); } var alertObserver = new MutationObserver(function () { alertObserver.disconnect(); translateAlerts(); setTimeout(function () { alertObserver.observe(document.body, { childList: true, subtree: true }); }, 100); }); alertObserver.observe(document.body, { childList: true, subtree: true }); translateAlerts(); }); jQuery(document).ready(function($) { function updateCalendarLabel() { if (isEnglishSite()) { var $label = $('label[for="datetimepicker1"]'); if ($label.length) { $label.text('Booking calendar*'); } var $dateLabel = $('label[for="booking-date"]'); if ($dateLabel.length) { $dateLabel.text('Select Date'); } var $nameLabel = $('label[for="form_input_1"]'); if ($nameLabel.length) { $nameLabel.text('Name*'); } var $phoneLabel = $('label[for="form_input_3"]'); if ($phoneLabel.length) { $phoneLabel.text('Mobile Number*'); } var $productsLabel = $('label[for="form_input_4"]'); if ($productsLabel.length) { $productsLabel.text('Which bags would you like to view? (maximum 3)*'); } var $commentsLabel = $('label[for="form_input_5"]'); if ($commentsLabel.length) { $commentsLabel.text('Comments'); } var $timeSlotLabel = $('.sloat-lable-0'); if ($timeSlotLabel.length) { $timeSlotLabel.text('Select Time Slot'); } var $submitBtn = $('.form_submit_div .btn'); if ($submitBtn.length) { $submitBtn.html('Book Appointment '); } } } var attempts = 0; var timer = setInterval(function() { attempts++; if ($('label[for="datetimepicker1"]').length) { updateCalendarLabel(); clearInterval(timer); } if (attempts >= 40) { clearInterval(timer); } }, 250); }); jQuery(document).ready(function($) { function applyMinDate(fpInstance) { const twentyFourHoursFromNow = new Date(); twentyFourHoursFromNow.setHours(twentyFourHoursFromNow.getHours() + 24); fpInstance.set("minDate", twentyFourHoursFromNow); } const polling = setInterval(() => { const inputEl = document.querySelector("#datetimepicker1 input"); const fpInstance = inputEl && inputEl._flatpickr; if (fpInstance) { applyMinDate(fpInstance); fpInstance.config.onOpen.push(function () { applyMinDate(fpInstance); }); } }, 300); setTimeout(() => clearInterval(polling), 30000); }); jQuery(document).ready(function($) { function getSelectedDate() { var inputEl = document.querySelector("#datetimepicker1 input"); var fpInstance = inputEl && inputEl._flatpickr; if (!fpInstance || !fpInstance.selectedDates || !fpInstance.selectedDates.length) return null; return fpInstance.selectedDates[0]; } function filterSlotsByCutoff() { var $select = $('#slots-0 select'); if ($select.length === 0) return; var selectedDate = getSelectedDate(); if (!selectedDate) return; var cutoff = new Date(); cutoff.setHours(cutoff.getHours() + 24); var currentValue = $select.val(); var needsReset = false; slotsObserver.disconnect(); $select.find('option').each(function () { var $opt = $(this); var value = $opt.attr('value'); if (!value) return; // skip placeholder "Pick a time" var startTime = value.split(' - ')[0].trim(); var parts = startTime.split(':'); if (parts.length !== 2) return; var slotDateTime = new Date(selectedDate); slotDateTime.setHours(parseInt(parts[0], 10), parseInt(parts[1], 10), 0, 0); if (slotDateTime < cutoff) { if (value === currentValue) needsReset = true; $opt.remove(); } }); if (needsReset) $select.val(''); setTimeout(function () { slotsObserver.observe(document.getElementById('slots-0'), { childList: true, subtree: true }); }, 100); } var slotsObserver = new MutationObserver(function () { filterSlotsByCutoff(); }); var slotsContainer = document.getElementById('slots-0'); if (slotsContainer) { slotsObserver.observe(slotsContainer, { childList: true, subtree: true }); } filterSlotsByCutoff(); });