Gelenk Kollagen Wildberry mit Rejuva Complex® Formel CT (2025)

'; // } // } // Rebind events this.bindCartEvents(); this.initTimer(); } catch (error) { console.error('Error refreshing cart:', error); } finally { this.hideLoading(); } }, async updateQuantity(button) { const item = button.closest('.cart-item'); if (!item) return; this.showLoading(item); try { const input = item.querySelector('.cart-item__quantity-input'); if (!input) return; const currentQty = parseInt(input.value); const isIncrease = button.classList.contains('quantity-up'); const newQty = isIncrease ? currentQty + 1 : Math.max(1, currentQty - 1); const lineIndex = parseInt(item.getAttribute('data-index')); await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ line: lineIndex, quantity: newQty }) }); await this.refreshCart(); } catch (error) { console.error('Error updating quantity:', error); } finally { this.hideLoading(item); } }, async removeItem(button) { const item = button.closest('.cart-item'); if (!item) return; this.showLoading(item); try { const lineIndex = parseInt(item.getAttribute('data-index')); await fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ line: lineIndex, quantity: 0 }) }); await this.refreshCart(); } catch (error) { console.error('Error removing item:', error); } finally { this.hideLoading(item); } }, async addRecommendedProduct(button) { const item = button.closest('.recommendation-item'); if (!item) return; this.showLoading(); try { const variantId = button.getAttribute('data-variant-id'); if (!variantId) throw new Error('No variant ID found'); await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ items: [{ id: variantId, quantity: 1 }] }) }); await this.refreshCart(); } catch (error) { console.error('Error adding product:', error); } finally { this.hideLoading(); } }, async applyCoupon() { const couponContainer = document.querySelector('.cart-coupon'); if (!couponContainer) return; // Prevent multiple submissions while loading if (couponContainer.classList.contains('loading')) return; couponContainer.classList.add('loading'); const input = couponContainer.querySelector('input[name="discount"]'); const button = couponContainer.querySelector('.apply-coupon'); try { if (!input) return; const code = input.value.trim(); if (!code) return; // Disable input and button during loading input.disabled = true; button.disabled = true; const response = await fetch(`/discount/${code}`); if (response.ok) { await this.refreshCart(); // Clear input after successful application input.value = ''; } } catch (error) { console.error('Error applying coupon:', error); } finally { // Re-enable input and button input.disabled = false; button.disabled = false; couponContainer.classList.remove('loading'); } }, initTimer() { const timerSpan = this.drawer.querySelector('.cart-timer span'); if (!timerSpan) return; // Get timer from localStorage or set default (20 minutes) let timeLeft = parseInt(localStorage.getItem('cartTimer')) || 20 * 60; // Clear existing timer if any if (this.countdownInterval) { clearInterval(this.countdownInterval); } // Start timer if cart has items if (parseInt(this.drawer.getAttribute('data-cart-count')) > 0) { this.updateTimer(timeLeft); this.countdownInterval = setInterval(() => { timeLeft--; if (timeLeft <= 0) { clearInterval(this.countdownInterval); localStorage.removeItem('cartTimer'); } else { this.updateTimer(timeLeft); localStorage.setItem('cartTimer', timeLeft.toString()); } }, 1000); } }, updateTimer(seconds) { const timerSpan = this.drawer.querySelector('.cart-timer span'); if (!timerSpan) return; const minutes = Math.floor(seconds / 60); const remainingSeconds = seconds % 60; const formattedTime = `${minutes.toString().padStart(2, '0')}:${remainingSeconds.toString().padStart(2, '0')}`; timerSpan.textContent = `Gute Wahl! Ihr Warenkorb ist reserviert: ${formattedTime}`; }, async clearCart() { try { await fetch('/cart/clear.js', { method: 'POST', headers: { 'Content-Type': 'application/json' } }); localStorage.removeItem('cartTimer'); await this.refreshCart(); } catch (error) { console.error('Error clearing cart:', error); } }, FREE_SHIPPING_THRESHOLD: 6000, // 60€ in cents updateFreeShippingProgress(cartTotal) { const progressBar = this.drawer.querySelector('.progress-fill'); const progressText = this.drawer.querySelector('.free-shipping-text'); if (!progressBar || !progressText) return; // Convert cart total to cents if it's not already const total = typeof cartTotal === 'string' ? parseInt(cartTotal.replace(/[^0-9]/g, '')) : cartTotal; if (total >= this.FREE_SHIPPING_THRESHOLD) { progressBar.style.width = '100%'; progressText.textContent = 'Sie haben kostenlosen Versand!'; return; } const remaining = this.FREE_SHIPPING_THRESHOLD - total; const progress = (total / this.FREE_SHIPPING_THRESHOLD) * 100; progressBar.style.width = `${progress}%`; // Format remaining amount const remainingEuros = (remaining / 100).toFixed(2); progressText.textContent = `Geben Sie noch ${remainingEuros}€ aus für gratis Versand`; } }; // Initialize cart drawer when DOM is ready document.addEventListener('DOMContentLoaded', () => { CartDrawer.init(); });