if (window.__DeliveryDateWidgetLoaded && document.querySelector('.delivery-card')) return; window.__DeliveryDateWidgetLoaded = true; const todayInput = document.querySelector('#today_date'); const DELIVERY_MODE = 'wed_sat'; // Options: Only WED & SAT 'wed_sat' or // FOR WED till SAT 'wed_to_sat' const DELIVERY_ATTR = 'Delivery-Date'; const LOCALE = 'de-DE'; function isBlockedSpecialDate(date) { const d = new Date(date); const day = d.getDate(); const month = d.getMonth(); // 0 = Jan, 11 = Dez // 24.12., 27.12., 31.12. & 03.01. blocken const isDecemberBlocked = month === 11 && (day === 24 || day === 27 || day === 31); const isJanuaryBlocked = month === 0 && day === 3; // 03.01. return isDecemberBlocked || isJanuaryBlocked; } let deliveryCardRendered = false; let deliveryCardRendering = false; function formatDateYYYYMMDD(date) { if (!date) return ""; const d = new Date(date); return `${String(d.getDate()).padStart(2, "0")}-${String(d.getMonth() + 1).padStart(2, "0")}-${d.getFullYear()}`; } function formatDisplayDate(date) { const d = new Date(date); const opts = { weekday: "long", day: "numeric", month: "long" }; return d.toLocaleDateString(LOCALE, opts); } function stripTime(d) { const x = new Date(d); x.setHours(0, 0, 0, 0); return x; } function getNextDayOfWeek(dayName) { const days = { Sunday: 0, Monday: 1, Tuesday: 2, Wednesday: 3, Thursday: 4, Friday: 5, Saturday: 6 }; const targetDay = days[dayName]; // 👇 Use static date from #today_date input const today = stripTime(todayInput ? new Date(todayInput.value) : new Date()); const currentDay = today.getDay(); let offset = (targetDay - currentDay + 7) % 7; if (offset === 0) offset = 7; if (targetDay === 3 || targetDay === 6) { const weekStart = new Date(today); weekStart.setDate(today.getDate() - today.getDay()); const weekEnd = new Date(weekStart); weekEnd.setDate(weekStart.getDate() + 6); const candidate = new Date(today); candidate.setDate(today.getDate() + offset); if (candidate <= weekEnd) { offset += 7; } } const next = new Date(today); next.setDate(today.getDate() + offset); // ❌ 24.12. & 27.12. überspringen → eine Woche weiter while (isBlockedSpecialDate(next)) { next.setDate(next.getDate() + 7); } console.log(`Next available ${dayName}:`, next.toDateString()); return stripTime(next); } async function fetchCart() { try { const res = await fetch(`/cart.js?t=${Date.now()}`, { credentials: 'include' }); if (!res.ok) return null; return await res.json(); } catch { return null; } } async function sendDeliveryDate(date) { const formattedDate = formatDateYYYYMMDD(date); const deliveryDay = new Date(date).toLocaleDateString('en-US', { weekday: 'long' }); try { const res = await fetch('/cart/update.js', { method: 'POST', credentials: 'include', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ attributes: { [DELIVERY_ATTR]: formattedDate, // e.g. 2025/10/15 'Delivery-Day': deliveryDay // e.g. Wednesday } }), }); if (res.ok) window.dispatchEvent(new Event('OpusCartChange')); } catch {} } function loadFlatpickrOnce() { return new Promise((resolve) => { function init() { if (window.flatpickr) { if (window.flatpickr.l10ns && window.flatpickr.l10ns.de) { flatpickr.localize(flatpickr.l10ns.de); } else { flatpickr.localize({ weekdays: { shorthand: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'], longhand: [ 'Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag' ], }, months: { shorthand: [ 'Jan', 'Feb', 'Mär', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez' ], longhand: [ 'Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember' ], }, firstDayOfWeek: 0, rangeSeparator: ' bis ', weekAbbreviation: 'KW', scrollTitle: 'Zum Ändern scrollen', toggleTitle: 'Zum Umschalten klicken', time_24hr: true, }); } resolve(window.flatpickr); return; } resolve(null); } // Tải CSS nếu chưa có if (!document.querySelector('link[data-flatpickr]')) { const l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css'; l.setAttribute('data-flatpickr', '1'); document.head.appendChild(l); } let s = document.querySelector('script[data-flatpickr]'); if (!s) { s = document.createElement('script'); s.src = 'https://cdn.jsdelivr.net/npm/flatpickr'; s.defer = true; s.setAttribute('data-flatpickr', '1'); s.onload = init; s.onerror = init; document.head.appendChild(s); } else { const start = Date.now(); const check = setInterval(() => { if (window.flatpickr) { clearInterval(check); init(); } if (Date.now() - start > 5000) { clearInterval(check); init(); } }, 50); } }); } function waitForSelector(selector, timeout = 3000) { return new Promise((resolve) => { const start = Date.now(); const check = () => { const el = document.querySelector(selector); if (el) return resolve(el); if (Date.now() - start > timeout) return resolve(null); requestAnimationFrame(check); }; check(); }); } async function handleCartEvents() { if (!(window.opusWidget?.plan?.plan === "Pro")) return; if (deliveryCardRendered || deliveryCardRendering || document.querySelector('.delivery-card')) return; deliveryCardRendering = true; // 🔒 Bắt đầu render const target = await waitForSelector('.cd-checkout-section-container', 3000); if (!target) { deliveryCardRendering = false; return; } const cart = await fetchCart(); let selectedDate = null; if (cart?.attributes?.[DELIVERY_ATTR]) { const raw = String(cart.attributes[DELIVERY_ATTR]).trim(); // Match format like "25-10-2025" or "25/10/2025" if (/^\d{2}[-/_]\d{2}[-/_]\d{4}$/.test(raw)) { const parts = raw.split(/[-/_]/); // Split on -, /, or _ const day = Number(parts[0]); const month = Number(parts[1]) - 1; // JS months are 0-based const year = Number(parts[2]); selectedDate = new Date(year, month, day); // local time } else { const parsed = new Date(raw); if (!isNaN(parsed)) selectedDate = parsed; } } if (!selectedDate) { //selectedDate = getNextDayOfWeek("Saturday"); selectedDate = getNextDayOfWeek("Wednesday"); // selectedDate = getNextDayOfWeek("Thursday"); // selectedDate = getNextDayOfWeek("Friday"); sendDeliveryDate(selectedDate); } else { // Ensure old date isn't expired const today = stripTime(todayInput ? new Date(todayInput.value) : new Date()); // If saved date < today → get next available Wednesday or Saturday if (selectedDate < today) { // Find the next Wednesday (if it's closer) const nextWed = getNextDayOfWeek("Wednesday"); const nextSat = getNextDayOfWeek("Saturday"); // Pick whichever comes first selectedDate = nextWed < nextSat ? nextWed : nextSat; sendDeliveryDate(selectedDate); } } const wrapper = document.createElement('div'); wrapper.className = 'delivery-card'; wrapper.style.marginBottom = '12px'; const p = document.createElement('div'); p.style.display = 'flex'; p.style.gap = '4px'; p.style.fontSize="14px" p.style.fontWeight = '700'; p.style.alignItems = "center"; p.innerHTML = `Dein Liefertag: ${formatDisplayDate(selectedDate)}`; wrapper.appendChild(p); const btn = document.createElement('button'); btn.id = 'changeDateBtn'; btn.type = 'button'; btn.style.border = 'none'; btn.style.background = 'transparent'; btn.style.color = '#8e8e8e'; btn.style.cursor = 'pointer'; btn.style.display = 'inline-flex'; btn.style.alignItems = 'center'; btn.style.gap = '4px'; btn.style.padding = '0px'; btn.style.marginLeft = '103px'; btn.style.marginTop = '7px'; btn.style.fontSize = '14px'; btn.style.fontWeight = '600'; btn.innerHTML = ` anderen Tag wählen `; wrapper.appendChild(btn); const input = document.createElement('input'); input.type = 'text'; input.id = 'deliveryDatePicker'; input.autocomplete = 'off'; input.style.display = 'none'; wrapper.appendChild(input); target.insertAdjacentElement('afterbegin', wrapper); const fpLib = await loadFlatpickrOnce(); if (!fpLib) { deliveryCardRendering = false; return; } const fp = flatpickr(input, { locale: 'de', dateFormat: "Y_m_d", minDate: getNextDayOfWeek("Wednesday"), allowInput: false, disable: [ function(date) { // ❌ Spezielle Tage blocken: 24.12. & 27.12. if (isBlockedSpecialDate(date)) return true; const day = date.getDay(); const today = todayInput ? new Date(todayInput.value) : new Date(); const currentWeekStart = new Date(today); currentWeekStart.setDate(today.getDate() - today.getDay()); // Sunday const currentWeekEnd = new Date(currentWeekStart); currentWeekEnd.setDate(currentWeekStart.getDate() + 6); // Saturday const isCurrentWeek = date >= currentWeekStart && date <= currentWeekEnd; if (DELIVERY_MODE === 'wed_sat') { if (![3, 6].includes(day)) return true; if (isCurrentWeek) return true; } if (DELIVERY_MODE === 'wed_to_sat') { if (day < 3 || day > 6) return true; if (isCurrentWeek) return true; } return false; } ], onOpen: function() { let overlay = document.querySelector('.datepicker-overlay'); if (!overlay) { overlay = document.createElement('div'); overlay.className = 'datepicker-overlay'; Object.assign(overlay.style, { position: 'fixed', top: '0', right: '0', width: '450px', height: '100%', background: 'rgba(0,0,0,0.4)', zIndex: '2147483640' }); document.body.appendChild(overlay); overlay.addEventListener('click', () => fp.close()); } setTimeout(() => { const calendar = document.querySelector('.flatpickr-calendar'); if (calendar && !calendar.querySelector('.fp-close-btn')) { const closeBtn = document.createElement('button'); closeBtn.textContent = '✕'; closeBtn.className = 'fp-close-btn'; Object.assign(closeBtn.style, { position: 'absolute', top: '-11px', right: '-11px', border: 'none', background: 'white', cursor: 'pointer', fontSize: '14px', width: '28px', height: '28px', borderRadius: '50%', color: '#333', zIndex: '9999' }); closeBtn.addEventListener('click', () => fp.close()); calendar.appendChild(closeBtn); } }, 50); }, onClose: function() { const overlay = document.querySelector('.datepicker-overlay'); if (overlay) overlay.remove(); }, onChange: function(selectedDates) { if (selectedDates.length > 0) { const sd = selectedDates[0]; document.querySelector('.delivery-date-text').textContent = formatDisplayDate(sd); sendDeliveryDate(sd); } } }); fp.setDate(selectedDate, true); btn.addEventListener('click', () => fp.open()); deliveryCardRendered = true; deliveryCardRendering = false; } window.addEventListener('OpusCartChange', handleCartEvents); window.addEventListener('OpusOpenCartState', handleCartEvents);

Fruits4Home