'; var ajaxUrl = (typeof bw_order_vars !== 'undefined' && bw_order_vars.ajaxurl) ? bw_order_vars.ajaxurl : '/wp-admin/admin-ajax.php'; var nonce = (typeof bw_order_vars !== 'undefined' && bw_order_vars.nonce) ? bw_order_vars.nonce : ''; this.showAlert("Sending order...", "info", 5000); // Datos estructurados para el WMS (SPIDER LABZ® WMS + ARACHNE): con esto el // almacén descuenta stock real, registra la venta y calcula el IVA correcto // según canal y país. El precio real lo recalcula siempre el servidor // contra sus propios tramos; lo que aquí se manda es solo referencia. var bwOrderChannel = isWholesale ? 'wholesale' : (isVip ? 'vip' : 'customer'); var bwOrderItems = items.map(function(it) { return { sku: it.product, qty: it.quantity, price: it.price, total: it.total }; }); var formDataEmail = new FormData(); formDataEmail.append('action', 'bw_send_order_email'); formDataEmail.append('email_content', emailContent); formDataEmail.append('customer_email', formData.email); formDataEmail.append('security', nonce); formDataEmail.append('order_items', JSON.stringify(bwOrderItems)); formDataEmail.append('order_channel', bwOrderChannel); formDataEmail.append('order_total', grandTotal); formDataEmail.append('shipping_cost', order.shippingCost || 0); formDataEmail.append('customer_name', formData.fullName || formData.contactName || ''); formDataEmail.append('customer_company', formData.companyName || ''); formDataEmail.append('customer_vat', formData.vatNumber || ''); formDataEmail.append('customer_phone', formData.phone || ''); formDataEmail.append('customer_country', formData.country || ''); formDataEmail.append('payment_method', order.paymentMethod || ''); formDataEmail.append('delivery_method', order.deliveryMethod || ''); // Campos anti-bot: bw_hp debe llegar siempre vacío; bw_ts es el tiempo (ms) // transcurrido desde que cargó la página hasta este envío. formDataEmail.append('bw_hp', ''); formDataEmail.append('bw_ts', Date.now() - (this.pageLoadTs || Date.now())); var self = this; fetch(ajaxUrl, { method: 'POST', body: formDataEmail, credentials: 'same-origin' }).then(function(response) { return response.json(); }).then(function(data) { if (data.success) { self.showAlert("ORDER CONFIRMED! We'll contact you shortly.", "info"); if (isWholesale) { self.quoteItems = []; self.wholesalePendingOrder = null; } else { self.individualQuoteItems = []; self.pendingOrder = null; } self.closeProductPopup(); self.closeComparativePopup(); self.closeFlavorDetailPopup(); self.closeStatsPopup(); self.closePurityPopup(); self.closeWholesalePopup(); self.closeTechSheetPopup(); self.closeMainOrderPopup(); self.closeIndividualFlavorPopup(); self.closeConfirmationPopup(); document.querySelectorAll('.BWLUX-popup-overlay').forEach(function(o) { o.style.display = 'none'; }); } else { throw new Error(data.data?.message || 'Server error'); } }).catch(function(error) { console.error('Error sending order:', error); self.showAlert(error.message || "Error sending order. Please try again or contact us directly.", "error"); }); }, openTechSheetPopup: function(id, el) { var eyes = document.querySelectorAll('.BWLUX-eye-icon'); for (var i = 0; i < eyes.length; i++) { eyes[i].classList.remove('BWLUX-active'); } if (el) el.classList.add('BWLUX-active'); var sheet = this.techSheets[id]; if (!sheet) return; document.getElementById('BWLUX-techsheet-content').innerHTML = sheet.title; document.getElementById('BWLUX-techsheet-body').innerHTML = sheet.content; document.getElementById('BWLUX-techsheet-overlay').style.display = 'block'; document.getElementById('BWLUX-techsheet-popup').style.display = 'block'; }, goBackToOrderPopup: function() { this.closeProductPopup(); this.openMainOrderPopup(); }, openProductPopup: function(content) { if (content === 'order') { this.openMainOrderPopup(); return; } var overlay = document.getElementById('BWLUX-popup-overlay'); var popup = document.getElementById('BWLUX-popup-content'); overlay.style.display = 'block'; popup.style.display = 'block'; popup.innerHTML = ''; if (content === 'flavors') { this.renderFlavorsPopup(popup); } else if (content === 'nutrition') renderNutritionPopup(popup); else if (content === 'barcode') { this.renderBarcodePopup(popup); } else if (content === 'products') { this.renderProductsPopup(popup); } else if (content === 'qr') { this.renderQRPopup(popup); } else if (content === 'video') this.renderVideoPopup(popup); }, renderVideoPopup: function(popup) { popup.innerHTML = ''; const closeBtn = document.createElement('button'); closeBtn.className = 'BWLUX-popup-close'; closeBtn.innerHTML = '×'; closeBtn.onclick = function() { BWORDER.closeProductPopup(); }; popup.appendChild(closeBtn); var header = document.createElement('div'); header.className = 'BWLUX-popup-header'; header.innerHTML = ' VIDEO'; popup.appendChild(header); var vc = document.createElement('div'); vc.className = 'BWLUX-video-container'; var v = document.createElement('video'); v.controls = true; v.autoplay = true; v.style.width = '100%'; var s = document.createElement('source'); s.src = "https://spiderlabz.com/wp-content/uploads/2025/06/Black-Widow%C2%AE-WEB.mp4"; s.type = "video/mp4"; v.appendChild(s); vc.appendChild(v); popup.appendChild(vc); setTimeout(function() { v.play().catch(function(e) { console.log('Autoplay prevented'); }); }, 100); }, openFlavorDetailPopup: function(id) { var flavorDetails = { "deadly-web": { title: "Deadly Web", quote: "Flavor Profile: A bold combination of vibrant orange, rich caramel, and smooth vanilla. The perfect balance of citrusy, creamy, and sweet for an irresistible experience.", cards: [{ icon: "fa-apple-alt", title: "Orange", value: "Citrus", sub: "Fresh" },{ icon: "fa-candy-cane", title: "Caramel", value: "Sweet", sub: "Rich" },{ icon: "fa-ice-cream", title: "Vanilla", value: "Creamy", sub: "Smooth" }] }, "sweet-trap": { title: "Sweet Trap", quote: "Flavor Profile: The crisp freshness of green apple meets the deep sweetness of caramel and the juicy touch of strawberry.", cards: [{ icon: "fa-apple-alt", title: "Green Apple", value: "Crisp", sub: "Fresh" },{ icon: "fa-candy-cane", title: "Caramel", value: "Sweet", sub: "Deep" },{ icon: "fa-apple-alt", title: "Strawberry", value: "Juicy", sub: "Tart" }] }, "venom-punch": { title: "Venom Punch", quote: "A fruity explosion blending juicy strawberry, watermelon, and cherry with a hint of caramel.", cards: [{ icon: "fa-apple-alt", title: "Strawberry", value: "Juicy", sub: "Sweet" },{ icon: "fa-apple-alt", title: "Watermelon", value: "Refreshing", sub: "Fresh" },{ icon: "fa-apple-alt", title: "Cherry", value: "Tart", sub: "Intense" },{ icon: "fa-candy-cane", title: "Caramel", value: "Sweet", sub: "Hint" }] }, "lethal-bite": { title: "Lethal Bite", quote: "The tropical sweetness of melon and banana intertwines with caramel to create a smooth, indulgent experience.", cards: [{ icon: "fa-apple-alt", title: "Melon", value: "Sweet", sub: "Tropical" },{ icon: "fa-candy-cane", title: "Caramel", value: "Smooth", sub: "Indulgent" },{ icon: "fa-apple-alt", title: "Banana", value: "Creamy", sub: "Rich" }] }, "dark-venom": { title: "Dark Venom", quote: "A direct trip to the tropics with the refreshing tartness of pineapple, the smoothness of coconut, and the sweet touch of caramel.", cards: [{ icon: "fa-apple-alt", title: "Pineapple", value: "Tart", sub: "Refreshing" },{ icon: "fa-apple-alt", title: "Coconut", value: "Smooth", sub: "Tropical" },{ icon: "fa-candy-cane", title: "Caramel", value: "Sweet", sub: "Exotic" }] }, "silk-drift": { title: "Silk Drift", quote: "The juicy sweetness of pear and apple combined with caramel creates a smooth, velvety flavor.", cards: [{ icon: "fa-apple-alt", title: "Pear", value: "Juicy", sub: "Sweet" },{ icon: "fa-apple-alt", title: "Apple", value: "Crisp", sub: "Fresh" },{ icon: "fa-candy-cane", title: "Caramel", value: "Velvety", sub: "Smooth" }] } }; var d = flavorDetails[id] || { title: this.flavorData[id]?.title || id, quote: "Experience the extraordinary flavor profile.", cards: [{ icon: "fa-star", title: "Flavor", value: "Unique", sub: "Premium" },{ icon: "fa-star", title: "Quality", value: "Premium", sub: "Grade" },{ icon: "fa-star", title: "Experience", value: "Intense", sub: "Satisfaction" }] }; this.closeProductPopup(); var overlay = document.getElementById('BWLUX-flavor-detail-overlay'); var popup = document.getElementById('BWLUX-flavor-detail-popup'); overlay.style.display = 'block'; popup.style.display = 'block'; var cardsHtml = ''; for (var c = 0; c < d.cards.length; c++) { var card = d.cards[c]; cardsHtml += ''; } popup.innerHTML = '×'; }, openComparativePopup: function(type) { if (type === 'purity-data') { this.openPurityPopup(); return; } if (type === 'health-plus') { this.openHealthPlusPopup(); return; } if (type === 'lab-results') { this.openLabResultsPopup(); return; } var overlay = document.getElementById('BWLUX-comparative-overlay'); var popup = document.getElementById('BWLUX-comparative-popup'); overlay.style.display = 'block'; popup.style.display = 'block'; var contents = { 'core-facts': { title: 'CORE FACTS', icon: 'fa-vial', features: [{icon:'fa-flask',title:'Purity',value:'99.9%',sub:'Pharma'},{icon:'fa-microscope',title:'Quality',value:'ISO 9001',sub:'Certified'},{icon:'fa-certificate',title:'Tested',value:'3rd Party',sub:'Verified'}] }, 'strength-tip': { title: 'STRENGTH TIP', icon: 'fa-running', features: [{icon:'fa-dumbbell',title:'Power',value:'+50%',sub:'Gain'},{icon:'fa-bolt',title:'Energy',value:'4-6h',sub:'Sustained'},{icon:'fa-brain',title:'Focus',value:'Laser',sub:'Sharp'}] }, 'final-view': { title: 'FINAL VIEW', icon: 'fa-trophy', features: [{icon:'fa-star',title:'Rating',value:'5/5',sub:'Stars'},{icon:'fa-award',title:'Award',value:'Best',sub:'Pre-workout'},{icon:'fa-users',title:'Users',value:'1M+',sub:'Satisfied'}] }, 'tech-specs': { title: 'TECH SPECS', icon: 'fa-microchip', features: [{icon:'fa-microscope',title:'Micronized',value:'<10μm',sub:'Particle'},{icon:'fa-clock',title:'Duration',value:'4-6h',sub:'Effects'},{icon:'fa-temperature-high',title:'Stable',value:'2 Years',sub:'Shelf'}] }, 'custom-tubes': { title: 'CUSTOM TUBES', icon: 'fa-tools', features: [{icon:'fa-ruler',title:'Size',value:'Custom',sub:'Any'},{icon:'fa-paint-brush',title:'Design',value:'Your',sub:'Branding'},{icon:'fa-box-open',title:'Packaging',value:'Eco',sub:'Friendly'}] }, 'price-value': { title: 'PRICE VALUE', icon: 'fa-tags', features: [{icon:'fa-euro-sign',title:'Price',value:'Best',sub:'Value'},{icon:'fa-chart-line',title:'ROI',value:'High',sub:'Return'},{icon:'fa-piggy-bank',title:'Savings',value:'Bulk',sub:'Discounts'}] }, 'exclusive-tech': { title: 'EXCLUSIVE TECH', icon: 'fa-atom', features: [{icon:'fa-copyright',title:'Patent',value:'Protected',sub:'Formula'},{icon:'fa-flask',title:'Innovation',value:'Proprietary',sub:'Blend'},{icon:'fa-lock',title:'Exclusive',value:'Only',sub:'From Us'}] }, 'behavior': { title: 'BEHAVIOR', icon: 'fa-bolt', features: [{icon:'fa-chart-bar',title:'Response',value:'Rapid',sub:'Onset'},{icon:'fa-smile',title:'Mood',value:'Enhanced',sub:'Mood'},{icon:'fa-clock',title:'Duration',value:'Long',sub:'Lasting'}] } }; var data = contents[type] || contents['core-facts']; var featuresHtml = ''; for (var f = 0; f < data.features.length; f++) { var feat = data.features[f]; featuresHtml += ''; } popup.innerHTML = '×'; this.renderComparativeChart(type, data); }, openHealthPlusPopup: function() { var overlay = document.getElementById('BWLUX-comparative-overlay'); var popup = document.getElementById('BWLUX-comparative-popup'); overlay.style.display = 'block'; popup.style.display = 'block'; popup.innerHTML = '×'; this.renderHealthChart(); }, // ========== GRÁFICOS CON COLORES VARIADOS ========== renderHealthChart: function() { var ctx = document.getElementById('BWLUX-health-chart')?.getContext('2d'); if (!ctx) return; if (this.comparativeChart) this.comparativeChart.destroy(); this.comparativeChart = new Chart(ctx, { type: 'doughnut', data: { labels: ['Cardiovascular Health', 'Immune Support', 'Cognitive Function', 'Recovery Speed', 'Energy Levels'], datasets: [{ data: [94, 88, 96, 85, 98], backgroundColor: ['#0ff', '#ff00cc', '#ff7b00', '#39ff14', '#aa00ff'], borderColor: '#fff', borderWidth: 2, hoverOffset: 15 }] }, options: { responsive: true, maintainAspectRatio: false, animation: { animateRotate: true, duration: 1800 }, plugins: { legend: { position: 'bottom', labels: { color: '#fff', font: { size: 10 } } }, tooltip: { callbacks: { label: function(ctx) { return ctx.label + ': ' + ctx.raw + '% improvement'; } } } } } }); }, openLabResultsPopup: function() { var overlay = document.getElementById('BWLUX-comparative-overlay'); var popup = document.getElementById('BWLUX-comparative-popup'); overlay.style.display = 'block'; popup.style.display = 'block'; popup.innerHTML = '×' + '' + '' + ''; this.renderLabChart(); }, renderLabChart: function() { var ctx = document.getElementById('BWLUX-lab-chart')?.getContext('2d'); if (!ctx) return; if (this.comparativeChart) this.comparativeChart.destroy(); var gradient1 = ctx.createLinearGradient(0, 0, 0, 250); gradient1.addColorStop(0, 'rgba(0, 255, 255, 0.9)'); gradient1.addColorStop(0.3, 'rgba(0, 255, 255, 0.5)'); gradient1.addColorStop(1, 'rgba(0, 255, 255, 0.1)'); var gradient2 = ctx.createLinearGradient(0, 0, 0, 250); gradient2.addColorStop(0, 'rgba(255, 0, 204, 0.9)'); gradient2.addColorStop(0.3, 'rgba(255, 0, 204, 0.5)'); gradient2.addColorStop(1, 'rgba(255, 0, 204, 0.1)'); var gradient3 = ctx.createLinearGradient(0, 0, 0, 250); gradient3.addColorStop(0, 'rgba(255, 123, 0, 0.9)'); gradient3.addColorStop(0.3, 'rgba(255, 123, 0, 0.5)'); gradient3.addColorStop(1, 'rgba(255, 123, 0, 0.1)'); this.comparativeChart = new Chart(ctx, { type: 'line', data: { labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], datasets: [ { label: 'Purity %', data: [92, 94, 95, 96, 97, 98, 98.5, 99, 99.2, 99.5, 99.8, 99.92], borderColor: '#0ff', backgroundColor: gradient1, fill: true, tension: 0.4, pointBackgroundColor: '#0ff', pointBorderColor: '#fff', pointRadius: 6, pointHoverRadius: 10, pointBorderWidth: 2, borderWidth: 3 }, { label: 'Potency %', data: [88, 90, 91, 92, 93, 94, 95, 96, 97, 97.5, 98, 98.5], borderColor: '#ff00cc', backgroundColor: gradient2, fill: true, tension: 0.4, pointBackgroundColor: '#ff00cc', pointBorderColor: '#fff', pointRadius: 6, pointHoverRadius: 10, pointBorderWidth: 2, borderWidth: 3 }, { label: 'Bioavailability %', data: [75, 78, 80, 82, 84, 86, 88, 90, 92, 94, 96, 98.7], borderColor: '#ff7b00', backgroundColor: gradient3, fill: true, tension: 0.4, pointBackgroundColor: '#ff7b00', pointBorderColor: '#fff', pointRadius: 6, pointHoverRadius: 10, pointBorderWidth: 2, borderWidth: 3 } ] }, options: { responsive: true, maintainAspectRatio: false, animation: { duration: 2000, easing: 'easeInOutQuart' }, interaction: { mode: 'index', intersect: false }, scales: { y: { min: 60, max: 100, ticks: { color: '#fff', stepSize: 5, font: { size: 11 } }, grid: { color: 'rgba(255,255,255,0.15)' }, title: { display: true, text: 'Percentage (%)', color: '#fff', font: { size: 12 } } }, x: { ticks: { color: '#fff', font: { size: 10 } }, grid: { color: 'rgba(255,255,255,0.08)' } } }, plugins: { legend: { position: 'top', labels: { color: '#fff', font: { size: 11, weight: 'bold' }, usePointStyle: true, padding: 15 } }, tooltip: { backgroundColor: 'rgba(0,0,0,0.85)', titleColor: '#0ff', bodyColor: '#fff', borderColor: '#0ff', borderWidth: 2, padding: 14, cornerRadius: 8, callbacks: { label: function(context) { return context.dataset.label + ': ' + context.parsed.y + '%'; } } } } } }); }, renderComparativeChart: function(type, data) { var ctx = document.getElementById('BWLUX-comparative-chart')?.getContext('2d'); if (!ctx) return; if (this.comparativeChart) this.comparativeChart.destroy(); var white = '#fff'; var cfg = {}; if (type === 'core-facts') { cfg = { type: 'bar', data: { labels: ['Purity', 'Quality', 'Certified', 'Stability'], datasets: [{ data: [99.9, 98.5, 100, 97.2], backgroundColor: ['#0ff', '#ff00cc', '#ff7b00', '#39ff14'], borderColor: white, borderRadius: 12, barPercentage: 0.65 }] }, options: { responsive: true, maintainAspectRatio: false, animation: { duration: 1600 }, scales: { y: { max: 100, ticks: { color: white } }, x: { ticks: { color: white } } } } }; } else if (type === 'strength-tip') { cfg = { type: 'line', data: { labels: ['Power', 'Energy', 'Focus', 'Endurance', 'Recovery'], datasets: [{ data: [95, 98, 92, 88, 94], borderColor: '#0ff', backgroundColor: 'rgba(0,255,255,0.1)', fill: true, tension: 0.4, pointBackgroundColor: ['#0ff', '#ff00cc', '#ff7b00', '#39ff14', '#aa00ff'], pointBorderColor: white, pointRadius: 6, borderWidth: 3 }] }, options: { responsive: true, maintainAspectRatio: false, animation: { duration: 1800 }, scales: { y: { max: 100, ticks: { color: white } }, x: { ticks: { color: white } } } } }; } else if (type === 'final-view') { var grad = ctx.createLinearGradient(0, 0, 0, 200); grad.addColorStop(0, 'rgba(0,255,255,0.6)'); grad.addColorStop(1, 'rgba(0,255,255,0.05)'); cfg = { type: 'line', data: { labels: ['W1', 'W2', 'W3', 'W4', 'W5', 'W6', 'W7', 'W8'], datasets: [{ data: [75, 82, 88, 91, 94, 97, 99, 100], borderColor: '#0ff', backgroundColor: grad, fill: true, tension: 0.4, pointBackgroundColor: ['#0ff', '#ff00cc', '#ff7b00', '#39ff14', '#aa00ff', '#ffff00', '#0ff', '#ff00cc'], pointBorderColor: white, pointRadius: 5, borderWidth: 3 }] }, options: { responsive: true, maintainAspectRatio: false, animation: { duration: 2000 }, scales: { y: { max: 100, ticks: { color: white } }, x: { ticks: { color: white } } } } }; } else if (type === 'tech-specs') { cfg = { type: 'bar', data: { labels: ['Absorption', 'Duration', 'Stability', 'Potency', 'Bioavailability'], datasets: [{ data: [98, 95, 97, 99, 96], backgroundColor: ['#0ff', '#ff00cc', '#ff7b00', '#39ff14', '#aa00ff'], borderColor: white, borderRadius: 10 }] }, options: { responsive: true, maintainAspectRatio: false, indexAxis: 'y', animation: { duration: 1500 }, scales: { x: { max: 100, ticks: { color: white } }, y: { ticks: { color: white } } } } }; } else if (type === 'custom-tubes') { cfg = { type: 'bar', data: { labels: ['Size', 'Design', 'Material', 'Printing', 'Eco'], datasets: [{ label: 'Standard', data: [80, 75, 85, 70, 65], backgroundColor: '#888' }, { label: 'Premium', data: [95, 98, 96, 97, 94], backgroundColor: ['#0ff', '#ff00cc', '#ff7b00', '#39ff14', '#aa00ff'] }] }, options: { responsive: true, maintainAspectRatio: false, animation: { duration: 1700 }, scales: { y: { max: 100, ticks: { color: white } }, x: { ticks: { color: white } } }, plugins: { legend: { labels: { color: white } } } } }; } else if (type === 'price-value') { cfg = { type: 'doughnut', data: { labels: ['Price/Value', 'Quality', 'Service', 'Innovation'], datasets: [{ data: [48, 32, 12, 8], backgroundColor: ['#0ff', '#ff00cc', '#ff7b00', '#39ff14'], borderColor: white, borderWidth: 2, cutout: '60%' }] }, options: { responsive: true, maintainAspectRatio: false, animation: { animateRotate: true, duration: 1700 }, plugins: { legend: { labels: { color: white } } } } }; } else if (type === 'exclusive-tech') { cfg = { type: 'bubble', data: { datasets: [{ label: 'Patent', data: [{ x: 18, y: 96, r: 16 }], backgroundColor: '#0ff', borderColor: white }, { label: 'Innovation', data: [{ x: 48, y: 98, r: 22 }], backgroundColor: '#ff00cc', borderColor: white }, { label: 'Exclusive', data: [{ x: 78, y: 95, r: 20 }], backgroundColor: '#ff7b00', borderColor: white }] }, options: { responsive: true, maintainAspectRatio: false, animation: { duration: 2000 }, scales: { x: { min: 0, max: 100, ticks: { color: white } }, y: { min: 90, max: 100, ticks: { color: white } } }, plugins: { legend: { labels: { color: white } } } } }; } else if (type === 'behavior') { cfg = { type: 'line', data: { labels: ['0m', '10m', '20m', '30m', '45m', '60m', '90m', '120m'], datasets: [{ label: 'Energy', data: [0, 35, 72, 95, 98, 94, 86, 75], borderColor: '#0ff', borderWidth: 3, pointBackgroundColor: '#0ff', tension: 0.3 }, { label: 'Focus', data: [0, 28, 68, 88, 96, 97, 91, 82], borderColor: '#ff00cc', borderWidth: 3, pointBackgroundColor: '#ff00cc', tension: 0.3 }, { label: 'Strength', data: [0, 18, 52, 76, 86, 92, 89, 78], borderColor: '#ff7b00', borderWidth: 3, pointBackgroundColor: '#ff7b00', tension: 0.3 }] }, options: { responsive: true, maintainAspectRatio: false, animation: { duration: 1800 }, scales: { y: { max: 100, ticks: { color: white } }, x: { ticks: { color: white } } }, plugins: { legend: { labels: { color: white } } } } }; } this.comparativeChart = new Chart(ctx, cfg); }, openStatsPopup: function() { var overlay = document.getElementById('BWLUX-stats-overlay'); var popup = document.getElementById('BWLUX-stats-popup'); overlay.style.display = 'block'; popup.style.display = 'block'; popup.innerHTML = '×'; this.renderStatsChart(); }, renderStatsChart: function() { var ctx = document.getElementById('BWLUX-stats-chart')?.getContext('2d'); if (!ctx) return; if (this.statsChart) this.statsChart.destroy(); this.statsChart = new Chart(ctx, { type: 'radar', data: { labels: ['Energy', 'Focus', 'Strength', 'Endurance', 'Recovery', 'Pump'], datasets: [{ data: [95, 90, 85, 88, 82, 92], backgroundColor: 'rgba(0, 255, 255, 0.25)', borderColor: '#0ff', pointBackgroundColor: ['#0ff', '#ff00cc', '#ff7b00', '#39ff14', '#aa00ff', '#ffff00'], pointBorderColor: '#fff', pointRadius: 5, pointHoverRadius: 10, borderWidth: 3 }] }, options: { responsive: true, maintainAspectRatio: false, animation: { duration: 1500 }, scales: { r: { ticks: { color: '#fff', backdropColor: 'transparent' }, grid: { color: 'rgba(255,255,255,0.2)' } } } } }); }, // ========== PURITY DATA - HEAT GRID (2 FILAS - TOOLTIP PERSONALIZADO) ========== openPurityPopup: function() { var overlay = document.getElementById('BWLUX-purity-overlay'); var popup = document.getElementById('BWLUX-purity-popup'); overlay.style.display = 'block'; popup.style.display = 'block'; var purityData = [ { label: 'CitruSyn®', value: '99.9%' }, { label: 'CreaZ®', value: '99.5%' }, { label: 'Carnosyn®', value: '99.2%' }, { label: 'Taurine', value: '98.8%' }, { label: 'D-Glucoro', value: '98.5%' }, { label: 'Caffsphere®', value: '99.1%' }, { label: 'Schisandra', value: '98.3%' }, { label: 'L-Tyrosine', value: '98.7%' }, { label: 'Kuchacore®', value: '98.0%' }, { label: 'Agmapure®', value: '99.3%' }, { label: 'Bioperine®', value: '99.8%' }, { label: 'Complex', value: '99.0%' } ]; var gridHtml = ''; var legendHtml = ''; popup.innerHTML = '×' + '' + '' + // CONTENEDOR ESTILO GRÁFICO - SIN TÍTULO "COMPONENT PURITY MATRIX" ''; }, renderPurityChart: function() { // Ya no se usa - reemplazado por el heat grid }, flavorData: { "deadly-web": { title: "Deadly Web" }, "sweet-trap": { title: "Sweet Trap" }, "venom-punch": { title: "Venom Punch" }, "lethal-bite": { title: "Lethal Bite" }, "dark-venom": { title: "Dark Venom" }, "silk-drift": { title: "Silk Drift" } }, techSheets: { 'half-pallet': { title: 'TECH SHEET – HALF PALLET', content: '' }, 'one-pallet': { title: 'TECH SHEET – 1 FULL PALLET', content: '' }, 'two-pallets': { title: 'TECH SHEET – 2 PALLETS', content: '' }, 'three-pallets': { title: 'TECH SHEET – 3 PALLETS', content: '' }, 'four-pallets': { title: 'TECH SHEET – 4 PALLETS', content: '' }, 'five-pallets': { title: 'TECH SHEET – 5 PALLETS', content: '' }, 'six-pallets': { title: 'TECH SHEET – 6 PALLETS', content: '' }, 'container-20': { title: 'TECH SHEET – 20′ CONTAINER', content: '' }, 'container-40': { title: 'TECH SHEET – 40′ CONTAINER', content: '' }, 'full-truck': { title: 'TECH SHEET – FULL TRUCK', content: '' } }, individualTechSheets: { 'individual-1': { title: 'TECH SHEET – 1 UNIT', content: '' }, 'individual-2': { title: 'TECH SHEET – 2 UNITS', content: '' }, 'individual-3': { title: 'TECH SHEET – 3 UNITS', content: '' }, 'individual-4': { title: 'TECH SHEET – 4 UNITS', content: '' }, 'individual-5': { title: 'TECH SHEET – 5 UNITS', content: '' }, 'individual-6': { title: 'TECH SHEET – 6 UNITS', content: '' }, 'individual-7': { title: 'TECH SHEET – 7 UNITS', content: '' }, 'individual-8': { title: 'TECH SHEET – 8 UNITS', content: '' }, 'individual-9': { title: 'TECH SHEET – 9 UNITS', content: '' }, 'individual-10': { title: 'TECH SHEET – 10 UNITS', content: '' } }, initEventListeners: function() { var self = this; document.querySelectorAll('.BWLUX-icon-button').forEach(function(btn){ btn.addEventListener('click',function(){ self.openProductPopup(this.getAttribute('data-popup-type')); }); }); document.querySelectorAll('.BWLUX-circle-button').forEach(function(btn){ btn.addEventListener('click',function(){ self.openComparativePopup(this.getAttribute('data-popup-type')); }); }); document.querySelectorAll('.BWLUX-popup-overlay').forEach(function(overlay){ overlay.addEventListener('click',function(e){ if(e.target===this){ self.closeProductPopup(); self.closeComparativePopup(); self.closeFlavorDetailPopup(); self.closeStatsPopup(); self.closePurityPopup(); self.closeWholesalePopup(); self.closeTechSheetPopup(); self.closeMainOrderPopup(); self.closeIndividualFlavorPopup(); self.closeConfirmationPopup(); } }); }); var countryCloseBtn = document.getElementById('country-popup-close'); var countryOverlay = document.getElementById('country-popup-overlay'); if(countryCloseBtn){ countryCloseBtn.addEventListener('click',function(){ self.closeCountryPopup(); }); } if(countryOverlay){ countryOverlay.addEventListener('click',function(){ self.closeCountryPopup(); }); } }, init: function() { this.pageLoadTs = Date.now(); this.initEventListeners(); var self = this; fetch('https://spiderlabz.com/wp-json/spiderlabz/v1/public-config') .then(r => r.json()) .then(cfg => { if (cfg.company_wallet) self.companyWallet = cfg.company_wallet; if (cfg.token_contract_bsc) self.contractAddresses.bsc = cfg.token_contract_bsc; }); } }; // ========== PURITY TOOLTIP FUNCTIONS ========== function showPurityTooltip(event, label, value) { var tooltip = document.getElementById('purityTooltip'); if (!tooltip) return; document.getElementById('tooltipTitle').textContent = label; document.getElementById('tooltipValue').textContent = value; document.getElementById('tooltipSub').textContent = 'Purity Level'; tooltip.style.display = 'block'; tooltip.style.left = (event.clientX + 12) + 'px'; tooltip.style.top = (event.clientY - 8) + 'px'; } function hidePurityTooltip() { var tooltip = document.getElementById('purityTooltip'); if (tooltip) { tooltip.style.display = 'none'; } } // ================= WMS REAL-TIME STOCK BRIDGE ================= // The WMS is the source of truth. This read-only endpoint is public so the // storefront can show availability without exposing internal WMS data. (function(){ var STOCK_URL = 'https://spiderlabz.com/wp-json/swms/v1/stock'; var stockTimer = null; var stockRequest = null; function applyWarehouseStock(data){ window.BWLUX_STOCK_DATA = data || null; var nodes = document.querySelectorAll('.BWLUX-stock-status[data-sku]'); for (var i=0;i 0 ? (' (only ' + available + ' unit(s) available)') : '') + '. Please choose another flavor or reduce the quantity.'); return false; } return true; }; window.BWLUX_refreshWarehouseStock = function(){ if(stockRequest) return stockRequest; stockRequest=fetch(STOCK_URL+'?t='+Date.now(), {method:'GET', cache:'no-store', headers:{'Accept':'application/json'}}) .then(function(r){ if(!r.ok) throw new Error('WMS stock '+r.status); return r.json(); }) .then(function(data){ applyWarehouseStock(data); return data; }) .catch(function(){ // Never invent availability when the WMS cannot be reached. var nodes=document.querySelectorAll('.BWLUX-stock-status[data-sku]'); for(var i=0;i