{ el.style.borderColor = 'transparent'; }); if (thumb) thumb.style.borderColor = 'var(--theme-color, #f36a37)'; } // ── Control de cantidad ──────────────────────────────────────────── function changeQty(delta) { const input = document.getElementById('qty-input'); const max = parseInt(input.max) || 9999; let val = parseInt(input.value) + delta; input.value = Math.max(1, Math.min(val, max)); } // ── AJAX: Agregar al carrito ─────────────────────────────────────── document.getElementById('add-to-cart-form')?.addEventListener('submit', async function(e) { e.preventDefault(); const btn = document.getElementById('add-btn'); const toast = document.getElementById('cart-toast'); const form = e.target; btn.disabled = true; btn.innerHTML = ' Agregando...'; try { const res = await fetch('https://www.yasalio.com/cart/add', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': '9hcnT8Hh2kjADwsOf9ow5faAf1F9p9sV0ggwng7J', 'Accept': 'application/json', }, body: JSON.stringify({ product_id: 8154, qty: parseInt(document.getElementById('qty-input').value) || 1, }), }); const data = await res.json(); if (data.ok) { // Actualizar badge del carrito en el header document.querySelectorAll('.cart_count, .cart-count, [data-cart-count]').forEach(el => { el.textContent = data.count; }); // Mostrar toast toast.style.display = 'block'; setTimeout(() => { toast.style.display = 'none'; }, 4000); } else { alert('No se pudo agregar al carrito. Intenta nuevamente.'); } } catch (err) { console.error(err); alert('Error de conexión. Intenta nuevamente.'); } finally { btn.disabled = false; btn.innerHTML = ' Agregar al carrito'; } });