.teachable-embed-bundle-596465 { width: 360px !important; } // Cierra el modal (aunque actualmente está desactivado) function handleCloseModal(event) { event.target.closest('.t-modal').classList.remove('open'); document.body.classList.remove('t-modal-open'); } // Acción al hacer clic en el botón "Buy now" function handleTeachableBuyButtonClick(event) { const container = event.target.closest('.teachable-embed-bundle-596465'); const radios = container.querySelectorAll('input.teachable-pricing-plan-bundle-596465'); radios.forEach((radio) => { if (radio.checked) { const isNotFree = radio.getAttribute('data-plan-type')?.toLowerCase() !== 'free'; if (isNotFree && false) { // Modal desactivado } else { window.location.href = radio.value; // Redirige al link de pago } } }); } // Resalta la opción de pago seleccionada function handleParentPricingPlanClick(event) { const container = event.currentTarget.closest('.teachable-embed-bundle-596465'); const optionDivs = Array.from(container.querySelectorAll('div')).filter(div => div.querySelector('label') && div.querySelector('input')); optionDivs.forEach(div => { div.style.borderColor = '#E4E4E4'; }); const selectedDiv = event.currentTarget; const radioButton = selectedDiv.querySelector('input[type="radio"]'); if (radioButton) { radioButton.click(); selectedDiv.style.borderColor = '#A7A7A7'; } } // Asigna ID únicos a los radio buttons y activa el click sobre los divs document.querySelectorAll('.teachable-pricing-plan-bundle-596465').forEach((radio, index) => { const label = radio.closest('label'); const id = radio.getAttribute('id'); if (!id.includes('-index-')) { const indexedId = id + '-index-' + index; label.setAttribute('for', indexedId); radio.setAttribute('id', indexedId); } const divEl = label.closest('div'); divEl.addEventListener('click', handleParentPricingPlanClick); }); // Asigna evento al botón de compra document.querySelectorAll('.teachable-buy-button-bundle-596465').forEach((button) => { button.addEventListener('click', handleTeachableBuyButtonClick); }); // Código comentado para manejo de modal (no activo) if (false) { document.querySelectorAll('.t-modal-close').forEach((button) => { button.addEventListener('click', handleCloseModal); }); window.addEventListener('message', (event) => { if (event.data.message === 'checkout_loaded') { document.querySelector('.t-modal.open').classList.remove('loading'); } else if (event.data.message === 'redirect') { window.location.replace(event.data.redirectUrl); } }); }