'; 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); 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 || ''); 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.popupNavStack = []; 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; this._popupNavHide('BWLUX-popup-content', 'BWLUX-popup-overlay'); 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'; }, 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); }, 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 NEÓN VIVOS SIN RESPLANDOR ========== 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: function(context) { var colors = ['#00ffff', '#ff00cc', '#ff7b00', '#39ff14', '#aa00ff']; return BWORDER._glassGrad(context.chart.ctx, context.chart.chartArea, colors[context.dataIndex % colors.length], false); }, borderColor: function(context) { var colors = ['#00ffff', '#ff00cc', '#ff7b00', '#39ff14', '#aa00ff']; return colors[context.dataIndex % colors.length]; }, borderWidth: 2, cutout: '62%', hoverOffset: 14 }] }, options: { responsive: true, maintainAspectRatio: false, animation: { animateRotate: true, duration: 1800 }, plugins: { legend: { position: 'bottom', labels: { color: '#ffffff', font: { size: 11 }, usePointStyle: true, padding: 12 } }, tooltip: { backgroundColor: 'rgba(15,15,20,0.95)', titleColor: '#ffffff', bodyColor: '#ffffff', borderColor: '#00ffff', borderWidth: 1, padding: 12, 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(); // Colores neón vivos (sin glow) var neonCyan = '#00ffff'; var neonMagenta = '#ff00cc'; var neonGreen = '#39ff14'; 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: neonCyan, backgroundColor: 'transparent', fill: false, tension: 0.4, pointBackgroundColor: neonCyan, pointBorderColor: neonCyan, pointRadius: 5, pointHoverRadius: 8, pointBorderWidth: 2, borderWidth: 3 }, { label: 'Potency %', data: [88, 90, 91, 92, 93, 94, 95, 96, 97, 97.5, 98, 98.5], borderColor: neonMagenta, backgroundColor: 'transparent', fill: false, tension: 0.4, pointBackgroundColor: neonMagenta, pointBorderColor: neonMagenta, pointRadius: 5, pointHoverRadius: 8, pointBorderWidth: 2, borderWidth: 3 }, { label: 'Bioavailability %', data: [75, 78, 80, 82, 84, 86, 88, 90, 92, 94, 96, 98.7], borderColor: neonGreen, backgroundColor: 'transparent', fill: false, tension: 0.4, pointBackgroundColor: neonGreen, pointBorderColor: neonGreen, pointRadius: 5, pointHoverRadius: 8, pointBorderWidth: 2, borderWidth: 3 } ] }, options: { responsive: true, maintainAspectRatio: false, animation: { duration: 1600, easing: 'easeInOutQuart' }, interaction: { mode: 'index', intersect: false }, scales: { y: { min: 60, max: 100, ticks: { color: '#eaeaea', stepSize: 5, font: { size: 11 } }, grid: { color: 'rgba(255,255,255,0.08)' }, title: { display: true, text: 'Percentage (%)', color: '#eaeaea', font: { size: 12 } } }, x: { ticks: { color: '#eaeaea', font: { size: 10 } }, grid: { color: 'rgba(255,255,255,0.05)' } } }, plugins: { legend: { position: 'top', labels: { color: '#ffffff', font: { size: 11 }, usePointStyle: true, padding: 15 } }, tooltip: { backgroundColor: 'rgba(15,15,20,0.95)', titleColor: '#ffffff', bodyColor: '#ffffff', borderColor: neonCyan, borderWidth: 1, padding: 12, cornerRadius: 6, displayColors: true, 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(); // Paleta neón viva (sin glow) var C = { cyan: '#00ffff', magenta: '#ff00cc', orange: '#ff7b00', green: '#39ff14', purple: '#aa00ff', yellow: '#ffff00', red: '#ff3366', white: '#ffffff' }; var white = '#ffffff'; var baseScales = { y: { max: 100, ticks: { color: '#eaeaea' }, grid: { color: 'rgba(255,255,255,0.08)' } }, x: { ticks: { color: '#eaeaea' }, grid: { color: 'rgba(255,255,255,0.05)' } } }; var basePlugins = { legend: { labels: { color: white, usePointStyle: true } }, tooltip: { backgroundColor: 'rgba(15,15,20,0.95)', titleColor: white, bodyColor: white, borderColor: C.cyan, borderWidth: 1, padding: 12 } }; var baseOptions = { responsive: true, maintainAspectRatio: false, animation: { duration: 1600 }, plugins: basePlugins }; var cfg = {}; if (type === 'core-facts') { var coreFactsColors = [C.cyan, C.magenta, C.orange, C.green]; cfg = { type: 'bar', data: { labels: ['Purity', 'Quality', 'Certified', 'Stability'], datasets: [{ data: [99.9, 98.5, 100, 97.2], backgroundColor: function(context) { return BWORDER._glassGrad(context.chart.ctx, context.chart.chartArea, coreFactsColors[context.dataIndex % coreFactsColors.length], true); }, borderColor: function(context) { return coreFactsColors[context.dataIndex % coreFactsColors.length]; }, borderWidth: 2, borderRadius: 10, barPercentage: 0.65 }] }, options: Object.assign({}, baseOptions, { scales: baseScales, plugins: Object.assign({}, basePlugins, { legend: { display: false } }) }) }; } else if (type === 'strength-tip') { cfg = { type: 'line', data: { labels: ['Power', 'Energy', 'Focus', 'Endurance', 'Recovery'], datasets: [{ data: [95, 98, 92, 88, 94], borderColor: C.cyan, backgroundColor: function(context) { return BWORDER._glassGrad(context.chart.ctx, context.chart.chartArea, C.cyan, true); }, fill: true, tension: 0.4, pointBackgroundColor: [C.cyan, C.magenta, C.orange, C.green, C.purple], pointBorderColor: [C.cyan, C.magenta, C.orange, C.green, C.purple], pointBorderWidth: 2, pointRadius: 6, borderWidth: 3 }] }, options: Object.assign({}, baseOptions, { scales: baseScales, plugins: Object.assign({}, basePlugins, { legend: { display: false } }) }) }; } else if (type === 'final-view') { cfg = { type: 'line', data: { labels: ['W1', 'W2', 'W3', 'W4', 'W5', 'W6', 'W7', 'W8'], datasets: [{ data: [75, 82, 88, 91, 94, 97, 99, 100], borderColor: C.cyan, backgroundColor: function(context) { return BWORDER._glassGrad(context.chart.ctx, context.chart.chartArea, C.cyan, true); }, fill: true, tension: 0.4, pointBackgroundColor: [C.cyan, C.magenta, C.orange, C.green, C.purple, C.yellow, C.cyan, C.magenta], pointBorderColor: [C.cyan, C.magenta, C.orange, C.green, C.purple, C.yellow, C.cyan, C.magenta], pointBorderWidth: 2, pointRadius: 6, borderWidth: 3 }] }, options: Object.assign({}, baseOptions, { scales: baseScales, plugins: Object.assign({}, basePlugins, { legend: { display: false } }) }) }; } else if (type === 'tech-specs') { var techSpecsColors = [C.cyan, C.magenta, C.orange, C.green, C.purple]; cfg = { type: 'bar', data: { labels: ['Absorption', 'Duration', 'Stability', 'Potency', 'Bioavailability'], datasets: [{ data: [98, 95, 97, 99, 96], backgroundColor: function(context) { return BWORDER._glassGrad(context.chart.ctx, context.chart.chartArea, techSpecsColors[context.dataIndex % techSpecsColors.length], false); }, borderColor: function(context) { return techSpecsColors[context.dataIndex % techSpecsColors.length]; }, borderWidth: 2, borderRadius: 10 }] }, options: Object.assign({}, baseOptions, { indexAxis: 'y', scales: { x: { max: 100, ticks: { color: '#eaeaea' }, grid: { color: 'rgba(255,255,255,0.08)' } }, y: { ticks: { color: '#eaeaea' }, grid: { color: 'rgba(255,255,255,0.05)' } } }, plugins: Object.assign({}, basePlugins, { legend: { display: false } }) }) }; } 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: '#888888', borderColor: '#888888', borderWidth: 1, borderRadius: 8 }, { label: 'Premium', data: [95, 98, 96, 97, 94], backgroundColor: function(context) { var premiumColors = [C.cyan, C.magenta, C.orange, C.green, C.purple]; return BWORDER._glassGrad(context.chart.ctx, context.chart.chartArea, premiumColors[context.dataIndex % premiumColors.length], true); }, borderColor: function(context) { var premiumColors = [C.cyan, C.magenta, C.orange, C.green, C.purple]; return premiumColors[context.dataIndex % premiumColors.length]; }, borderWidth: 2, borderRadius: 8 } ] }, options: Object.assign({}, baseOptions, { scales: baseScales }) }; } else if (type === 'price-value') { var priceValueColors = [C.cyan, C.magenta, C.orange, C.green]; cfg = { type: 'doughnut', data: { labels: ['Price/Value', 'Quality', 'Service', 'Innovation'], datasets: [{ data: [48, 32, 12, 8], backgroundColor: function(context) { return BWORDER._glassGrad(context.chart.ctx, context.chart.chartArea, priceValueColors[context.dataIndex % priceValueColors.length], false); }, borderColor: function(context) { return priceValueColors[context.dataIndex % priceValueColors.length]; }, borderWidth: 3, cutout: '62%' }] }, options: Object.assign({}, baseOptions, { plugins: basePlugins }) }; } else if (type === 'exclusive-tech') { cfg = { type: 'bubble', data: { datasets: [ { label: 'Patent', data: [{ x: 12, y: 97, r: 16 }], backgroundColor: function(context) { return BWORDER._glassGrad(context.chart.ctx, context.chart.chartArea, C.cyan, false); }, borderColor: C.cyan, borderWidth: 2 }, { label: 'Innovation', data: [{ x: 32, y: 99, r: 20 }], backgroundColor: function(context) { return BWORDER._glassGrad(context.chart.ctx, context.chart.chartArea, C.magenta, false); }, borderColor: C.magenta, borderWidth: 2 }, { label: 'Exclusive', data: [{ x: 52, y: 95, r: 18 }], backgroundColor: function(context) { return BWORDER._glassGrad(context.chart.ctx, context.chart.chartArea, C.orange, false); }, borderColor: C.orange, borderWidth: 2 }, { label: 'R&D', data: [{ x: 72, y: 98, r: 15 }], backgroundColor: function(context) { return BWORDER._glassGrad(context.chart.ctx, context.chart.chartArea, C.green, false); }, borderColor: C.green, borderWidth: 2 }, { label: 'Certified', data: [{ x: 90, y: 94, r: 13 }], backgroundColor: function(context) { return BWORDER._glassGrad(context.chart.ctx, context.chart.chartArea, C.purple, false); }, borderColor: C.purple, borderWidth: 2 } ] }, options: Object.assign({}, baseOptions, { scales: { x: { min: 0, max: 100, ticks: { color: '#eaeaea' }, grid: { color: 'rgba(255,255,255,0.08)' } }, y: { min: 90, max: 100, ticks: { color: '#eaeaea' }, grid: { color: 'rgba(255,255,255,0.08)' } } } }) }; } 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: C.cyan, backgroundColor: 'transparent', borderWidth: 3, pointBackgroundColor: C.cyan, pointBorderColor: C.cyan, pointBorderWidth: 2, pointRadius: 5, tension: 0.3 }, { label: 'Focus', data: [0, 28, 68, 88, 96, 97, 91, 82], borderColor: C.magenta, backgroundColor: 'transparent', borderWidth: 3, pointBackgroundColor: C.magenta, pointBorderColor: C.magenta, pointBorderWidth: 2, pointRadius: 5, tension: 0.3 }, { label: 'Strength', data: [0, 18, 52, 76, 86, 92, 89, 78], borderColor: C.orange, backgroundColor: 'transparent', borderWidth: 3, pointBackgroundColor: C.orange, pointBorderColor: C.orange, pointBorderWidth: 2, pointRadius: 5, tension: 0.3 } ] }, options: Object.assign({}, baseOptions, { scales: baseScales }) }; } this.comparativeChart = new Chart(ctx, cfg); }, // ========== PURITY DATA - HEAT GRID (SIN RESPLANDOR) ========== 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: 'Caffsphere®', value: '99.1%' }, { label: 'Kuchacore®', value: '98.0%' }, { label: 'NeuroTeyanin', value: '99.4%' }, { label: 'L-Tyrosine', value: '98.7%' }, { label: 'Bioperine®', value: '99.8%' }, { label: 'Vitamins', value: '99.0%' } ]; var gridHtml = ''; var legendHtml = ''; popup.innerHTML = '×' + '' + '' + ''; }, 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.popupNavStack = []; 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; if (cfg.token_contract_eth) self.contractAddresses.eth = cfg.token_contract_eth; // Enlace "Complete your payment" del email de confirmación VIP // (?vip_pay=) — si el cliente lo abre, va directo al // paso de pago de esa solicitud, sin repetir el formulario, usando // la cuota vigente que devuelve este mismo /public-config. var vipPayId = new URLSearchParams(window.location.search).get('vip_pay'); if (vipPayId) { self.resumeVipPayment(parseInt(vipPayId, 10), cfg.vip_annual_fee); } }); } }; // ========== 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 ================= (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.', 'warning', 5000); 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(){ var nodes=document.querySelectorAll('.BWLUX-stock-status[data-sku]'); for(var i=0;i