' + '

Recent Orders

' + '

'; savedOrders.forEach(function(ord) { var itemsList = ord.items.map(function(it) { return it.title + ' (x' + it.quantity + ')'; }).join(', '); ordersHTML += '

' + '

' + '' + ord.orderId + '' + '' + ord.date + '' + '

' + '

' + 'Items: ' + itemsList + '

' + '

' + 'Amount Paid' + '₹' + Math.round(ord.total) + '' + '

' + '

'; }); ordersHTML += '

'; } } catch(e) {} var loggedInHTML = '

' + '

' + '' + '

' + '

My Account

' + '

Logged in as email - ' + userEmail + '

' + '

Delivery Information

' + '

This email will be used to deliver PDFs over Google Drive. You can change the delivery email at the time of Checkout.

' + '

' + '' + ordersHTML + '

' + '

'; if (customerLogin.innerHTML !== loggedInHTML) { customerLogin.innerHTML = loggedInHTML; var pageSignOutBtn = document.getElementById('page-sign-out-btn'); if (pageSignOutBtn) { pageSignOutBtn.addEventListener('click', function(e) { e.preventDefault(); showNotification('Signing out...', 'loading'); supabaseClient.auth.signOut().then(function() { window.location.reload(); }); }); } } } } var menu218 = document.getElementById('menu-item-218'); if (menu218) { var targetFooterHTML = ''; if (user) { var displayName = user.user_metadata?.name || user.email.split('@')[0]; targetFooterHTML = 'Hello, ' + displayName + ' Sign Out'; } else { targetFooterHTML = 'Sign in/Join'; } if (menu218.innerHTML !== targetFooterHTML) { menu218.innerHTML = targetFooterHTML; var signOutBtn = document.getElementById('sign-out-btn'); if (signOutBtn) { signOutBtn.addEventListener('click', function(e) { e.preventDefault(); supabaseClient.auth.signOut().then(function() { window.location.reload(); }); }); } } } var headerBtn = document.getElementById('sidebarNavToggler-my_account'); if (headerBtn) { var targetHeaderHTML = ''; if (user) { var displayName = user.user_metadata?.name || user.email.split('@')[0]; targetHeaderHTML = '

Hello, ' + displayName + '

Sign Out

'; } else { targetHeaderHTML = '

My Account

'; } if (headerBtn.innerHTML !== targetHeaderHTML) { headerBtn.innerHTML = targetHeaderHTML; var signOutBtnHeader = document.getElementById('sign-out-btn-header'); if (signOutBtnHeader) { signOutBtnHeader.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); supabaseClient.auth.signOut().then(function() { window.location.reload(); }); }); } } } }); } function bindAuthForms() { if (typeof window === 'undefined' || !initSupabase()) return; // SPA-safe body event delegation for Google Sign-In button clicks if (!document.body.hasAttribute('data-google-auth-bound')) { document.body.setAttribute('data-google-auth-bound', 'true'); document.body.addEventListener('click', function(e) { var googleBtn = e.target.closest('#google-signin-btn'); if (googleBtn) { e.preventDefault(); if (!supabaseClient) return; supabaseClient.auth.signInWithOAuth({ provider: 'google', options: { redirectTo: window.location.origin + '/my-account' } }).then(function(res) { if (res.error) { showNotification('Google login failed: ' + res.error.message, 'error'); } }); } }); } // Global submit event delegation to capture SPA login/register forms without detaching if (!document.body.hasAttribute('data-auth-bound')) { document.body.setAttribute('data-auth-bound', 'true'); document.addEventListener('submit', function(e) { var form = e.target; if (form) { if (form.classList.contains('woocommerce-form-login')) { e.preventDefault(); e.stopImmediatePropagation(); var usernameInput = form.querySelector('input[name="username"]') || form.querySelector('input[type="text"]') || document.getElementById('username'); var passwordInput = form.querySelector('input[type="password"]') || document.getElementById('password'); if (usernameInput && usernameInput.value && passwordInput && passwordInput.value) { var email = usernameInput.value; var password = passwordInput.value; showNotification('Signing in...', 'loading'); supabaseClient.auth.signInWithPassword({ email: email, password: password }).then(function(res) { if (res.error) { var errMsg = res.error.message || ''; if (errMsg === 'Invalid login credentials') { showNotification('Login failed: Invalid email address or incorrect password. If you do not have an account, please register first under "Register (New User)".', 'error'); } else if (errMsg === 'Email not confirmed') { showNotification('Login failed: Email not confirmed. Please check your inbox and verify your email address before logging in.', 'error'); } else { showNotification('Login failed: ' + errMsg, 'error'); } } else { showNotification('Successfully signed in!', 'success', function() { window.location.href = '/'; }); } }); } } else if (form.classList.contains('woocommerce-form-register')) { e.preventDefault(); e.stopImmediatePropagation(); var emailInput = form.querySelector('input[type="email"]') || document.getElementById('reg_email1'); var passwordInput = form.querySelector('input[type="password"]') || document.getElementById('reg_password1'); if (emailInput && emailInput.value && passwordInput && passwordInput.value) { var email = emailInput.value; var password = passwordInput.value; showNotification('Sending email...', 'loading'); supabaseClient.auth.signUp({ email: email, password: password }).then(function(res) { if (res.error) { console.error('Supabase signup error:', res.error); var errMsg = res.error.message || ''; if (errMsg.toLowerCase().indexOf('already registered') !== -1 || errMsg.toLowerCase().indexOf('already in use') !== -1 || errMsg.toLowerCase().indexOf('already exists') !== -1) { showNotification('This email is already registered with us. Kindly proceed with login.', 'error', null, 'Email Already Registered'); } else { if (!errMsg || errMsg === '{}' || errMsg === '[object Object]') { errMsg = 'Failed to send confirmation email. This usually means your GoDaddy SMTP credentials in the Supabase Dashboard are incorrect or SMTP AUTH is disabled in your Office 365 settings.'; } showNotification('Registration failed: ' + errMsg, 'error'); } } else { if (res.data && res.data.user && res.data.user.identities && res.data.user.identities.length === 0) { showNotification('This email is already registered with us. Kindly proceed with login.', 'error', null, 'Email Already Registered'); } else { showNotification('Registration successful! Please check your email for a verification link to verify your account before proceeding with login.', 'success', function() { window.location.reload(); }, 'Success! Check your email'); } } }); } } } }, true); } // Global click event delegation for Forgot Password links to prevent SPA detaching if (!document.body.hasAttribute('data-pwd-bound')) { document.body.setAttribute('data-pwd-bound', 'true'); document.addEventListener('click', function(e) { var link = e.target.closest('.lost_password a') || e.target.closest('a.lost_password') || e.target.closest('.woocommerce-LostPassword a'); if (link) { e.preventDefault(); e.stopImmediatePropagation(); showPrompt('Enter your email address to receive a password reset link:', function(email) { showNotification('Sending reset link...', 'loading'); supabaseClient.auth.resetPasswordForEmail(email, { redirectTo: window.location.origin + '/my-account/' }).then(function(res) { if (res.error) { showNotification('Error sending reset link: ' + res.error.message, 'error'); } else { showNotification('Password reset link sent! Please check your email.', 'success', null, 'Reset Link Sent'); } }); }); } }, true); } } // Close bindAuthForms() // Run authentication checks with retrying fallback for asynchronous CDN script loads function startApp() { if (typeof window !== 'undefined') { if (!window.supabase) { setTimeout(startApp, 100); return; } if (!initSupabase()) return; checkAuth(); bindAuthForms(); checkHashErrors(); } } startApp(); // Event-driven real-time hydration observer if (typeof MutationObserver !== 'undefined') { var observer = new MutationObserver(function() { // Temporarily disconnect to avoid infinite self-trigger loops observer.disconnect(); initSlick(); initSidebar(); initZeynep(); checkAuth(); bindAuthForms(); checkHashErrors(); // Re-observe observer.observe(document.body, { childList: true, subtree: true }); }); observer.observe(document.body, { childList: true, subtree: true }); } // Trigger layout recalculation on window load window.addEventListener('load', function() { setTimeout(function() { initSlick(); initSidebar(); initZeynep(); checkAuth(); bindAuthForms(); }, 500); }); // Also reflow on window resize events to keep slider widths correct window.addEventListener('resize', function() { if (typeof jQuery !== 'undefined') { var activeSliders = jQuery('.slick-initialized'); if (activeSliders.length > 0) { activeSliders.slick('setPosition'); } } }, { passive: true }); // Google Sign-In click event delegation (SPA-safe) document.addEventListener('click', function(e) { var googleBtn = e.target.closest('#google-signin-btn'); if (googleBtn) { e.preventDefault(); if (typeof initSupabase === 'function' && initSupabase()) { if (supabaseClient) { supabaseClient.auth.signInWithOAuth({ provider: 'google', options: { redirectTo: window.location.origin + '/my-account' } }).then(function(res) { if (res.error) { showNotification('Google login failed: ' + res.error.message, 'error'); } }); } } } }); // 1. Password Visibility Toggle (using capturing phase) document.addEventListener('click', function(e) { var btn = e.target.closest('.show-password-input'); if (btn) { e.preventDefault(); e.stopImmediatePropagation(); var span = btn.closest('span'); if (span) { var input = span.querySelector('input'); if (input) { if (input.type === 'password' || input.getAttribute('type') === 'password') { input.type = 'text'; input.setAttribute('type', 'text'); btn.classList.add('display-password'); } else { input.type = 'password'; input.setAttribute('type', 'password'); btn.classList.remove('display-password'); } } } } }, true); // 3. Password Recovery Form Submit Handler document.addEventListener('submit', function(e) { var form = e.target; if (form.id === 'recover-password-form' || form.classList.contains('lost_reset_password')) { e.preventDefault(); e.stopImmediatePropagation(); var userLoginInput = form.querySelector('#user_login') || form.querySelector('input[type="text"]'); if (userLoginInput && userLoginInput.value) { showNotification('A password recovery link has been simulated and sent to ' + userLoginInput.value + '!', 'success'); userLoginInput.value = ''; // Return to login screen by triggering transition var backBtn = document.querySelector('#forgotPassword a[data-target="#login"]'); if (backBtn) { backBtn.click(); } } } }, true); // --- SHOPPING CART SYSTEM --- function getCart() { try { return JSON.parse(localStorage.getItem('bookworm_cart') || '[]'); } catch(e) { return []; } } function saveCart(cart) { localStorage.setItem('bookworm_cart', JSON.stringify(cart)); } function updateCartUI() { if (typeof document === 'undefined') return; var cart = getCart(); var totalQty = 0; var totalPrice = 0.0; cart.forEach(function(item) { totalQty += item.quantity; totalPrice += item.price * item.quantity; }); var countElements = document.querySelectorAll('.cart-contents-count'); countElements.forEach(function(el) { el.textContent = totalQty; }); var totalElements = document.querySelectorAll('.cart-contents-total'); totalElements.forEach(function(el) { el.innerHTML = '₹' + Math.round(totalPrice) + ''; }); var bagTitles = document.querySelectorAll('#offcanvasCart h2'); bagTitles.forEach(function(el) { el.setAttribute('style', 'padding-right: 70px; margin: 0; font-size: 1.15rem; font-weight: 500;'); el.innerHTML = 'Your shopping bag (' + totalQty + ')'; }); // Inject sidebar override styles to head to bypass React hydration timing issues if (typeof document !== 'undefined' && !document.getElementById('sidebar-override-styles')) { var style = document.createElement('style'); style.id = 'sidebar-override-styles'; style.textContent = '#offcanvasCart, #offcanvasCart .u-sidebar__scroller, #offcanvasCart .mCustomScrollBox, #offcanvasCart .mCSB_container, #offcanvasCart .u-sidebar__container, #offcanvasCart .u-header-sidebar__footer-offset, #offcanvasCart .u-sidebar__body { ' + 'height: 100% !important; ' + 'max-height: 100% !important; ' + 'overflow: hidden !important; ' + 'box-sizing: border-box !important; ' + '}' + '#offcanvasCart { height: 100vh !important; max-height: 100vh !important; overflow-y: hidden !important; }' + '#offcanvasCart .u-sidebar__content { ' + 'display: flex !important; ' + 'flex-direction: column !important; ' + 'height: 100% !important; ' + 'max-height: 100% !important; ' + 'overflow: hidden !important; ' + 'box-sizing: border-box !important; ' + '}' + '#offcanvasCart .widget_shopping_cart { ' + 'display: flex !important; ' + 'flex-direction: column !important; ' + 'justify-content: space-between !important; ' + 'flex-grow: 1 !important; ' + 'height: 0 !important; ' + 'max-height: 100% !important; ' + 'overflow: hidden !important; ' + 'box-sizing: border-box !important; ' + '}' + '@media (max-width: 991.98px) { ' + '.header-icons-container { ' + 'width: 62px !important; ' + 'justify-content: space-between !important; ' + '}' + '}' + '@media (min-width: 992px) { ' + '.header-icons-container { ' + 'width: auto !important; ' + '}' + '}'; document.head.appendChild(style); } var offcanvas = document.getElementById('offcanvasCart'); var miniCartWrappers = document.querySelectorAll('#offcanvasCart .widget_shopping_cart'); miniCartWrappers.forEach(function(wrapper) { if (cart.length === 0) { wrapper.style.setProperty('height', 'auto', 'important'); wrapper.innerHTML = '

' + '

No products in the cart.

' + '

'; } else { wrapper.style.removeProperty('height'); var listHTML = '

' + '' + '
' + '
' + '
' + item.title + '
' + '
Format: ' + item.format + '
' + '
' + '
' + '
₹' + Math.round(item.price) + '
' + '' + '' + '' + '
' + '
' + '

'; listHTML += '

' + '

' + 'Subtotal:' + '₹' + Math.round(totalPrice) + '' + '

' + '

' + 'View Cart' + 'Checkout' + '

' + '

'; wrapper.innerHTML = listHTML; } }); // Synchronize homepage add-to-cart button states var homepageButtons = document.querySelectorAll('ul.products .add_to_cart_button'); homepageButtons.forEach(function(btn) { var id = btn.getAttribute('data-product_id'); var isAdded = cart.some(function(item) { return item.id === id; }); if (isAdded) { btn.textContent = 'Added'; btn.className = 'button add_to_cart_button ajax_add_to_cart btn btn-success text-white btn-sm rounded-0 font-weight-medium d-flex align-items-center justify-content-center'; btn.style.backgroundColor = '#28a745'; btn.style.borderColor = '#28a745'; btn.style.color = '#ffffff'; } else { btn.textContent = 'Add'; btn.className = 'button add_to_cart_button ajax_add_to_cart btn btn-outline-dark btn-sm rounded-0 font-weight-medium d-flex align-items-center justify-content-center'; btn.style.backgroundColor = 'transparent'; btn.style.borderColor = '#1e2022'; btn.style.color = '#1e2022'; } }); // Check for PhonePe callback/redirect transaction parameters if (typeof window !== 'undefined' && window.location.search) { var urlParams = new URLSearchParams(window.location.search); var txnId = urlParams.get('txnId'); var status = urlParams.get('status'); if (txnId && status === 'redirect') { verifyPhonePeTransaction(txnId); } } if (window.location.pathname === '/' || window.location.pathname === '') { renderHomepageProducts(); } if (window.location.pathname.startsWith('/product') || window.location.pathname.startsWith('/product/')) { var urlParams = new URLSearchParams(window.location.search); var slug = urlParams.get('slug'); if (!slug) { var parts = window.location.pathname.split('/'); slug = parts[parts.indexOf('product') + 1]; } if (slug) { renderProductDetailPage(slug); } } if (window.location.pathname === '/cart' || window.location.pathname === '/cart/') { renderCartPage(cart, totalPrice); } if (window.location.pathname === '/checkout' || window.location.pathname === '/checkout/') { renderCheckoutPage(cart, totalPrice); } renderGlobalFeaturedBooks(); } function verifyPhonePeTransaction(txnId) { if (window.isVerifyingTransaction) return; window.isVerifyingTransaction = true; showNotification('Verifying payment with PhonePe...', 'loading', null, 'Payment Verification'); fetch('/.netlify/functions/checkStatus?transactionId=' + txnId) .then(function(res) { var contentType = res.headers.get('content-type'); if (contentType && contentType.indexOf('application/json') !== -1) { return res.json(); } else { throw new Error('Response is not JSON (Serverless functions offline locally)'); } }) .then(function(data) { if (data && data.success && data.data && data.data.state === 'COMPLETED' && data.data.responseCode === 'SUCCESS') { var pendingOrderStr = localStorage.getItem('pending_order_' + txnId); var orderDetails; if (pendingOrderStr) { try { orderDetails = JSON.parse(pendingOrderStr); } catch(e) {} } if (!orderDetails) { orderDetails = { orderId: txnId, date: new Date().toLocaleDateString('en-IN', { day: 'numeric', month: 'short', year: 'numeric' }), firstName: 'Customer', lastName: '', email: 'Check billing email', phone: '', notes: '', items: [], total: 0, paymentMethod: 'PhonePe Online', paymentId: txnId }; } else { orderDetails.paymentMethod = 'PhonePe Online'; orderDetails.paymentId = txnId; } var orders = []; try { orders = JSON.parse(localStorage.getItem('user_orders') || '[]'); } catch(err) {} var exists = orders.some(function(o) { return o.orderId === orderDetails.orderId; }); if (!exists) { orders.unshift(orderDetails); localStorage.setItem('user_orders', JSON.stringify(orders)); } saveCart([]); var cleanURL = window.location.origin + window.location.pathname; window.history.replaceState({}, document.title, cleanURL); localStorage.removeItem('pending_order_' + txnId); showNotification('Thank you! Your payment was verified successfully. Order (' + orderDetails.orderId + ') placed.', 'success', function() { window.location.reload(); }, 'Payment Verified'); } else { var cleanURL = window.location.origin + window.location.pathname; window.history.replaceState({}, document.title, cleanURL); showNotification('Payment verification failed or was cancelled by PhonePe.', 'error', function() { window.location.reload(); }, 'Payment Failed'); } }) .catch(function(err) { console.error('PhonePe verification failed:', err); // Local fallback simulation bypass var pendingOrderStr = localStorage.getItem('pending_order_' + txnId); if (pendingOrderStr) { var orderDetails = JSON.parse(pendingOrderStr); orderDetails.paymentMethod = 'PhonePe Online (Simulated)'; orderDetails.paymentId = txnId; var orders = []; try { orders = JSON.parse(localStorage.getItem('user_orders') || '[]'); } catch(e) {} var exists = orders.some(function(o) { return o.orderId === orderDetails.orderId; }); if (!exists) { orders.unshift(orderDetails); localStorage.setItem('user_orders', JSON.stringify(orders)); } saveCart([]); var cleanURL = window.location.origin + window.location.pathname; window.history.replaceState({}, document.title, cleanURL); localStorage.removeItem('pending_order_' + txnId); showNotification('Thank you! Simulated PhonePe payment successful. Order (' + orderDetails.orderId + ') has been placed.', 'success', function() { window.location.reload(); }, 'Order Placed'); } else { var cleanURL = window.location.origin + window.location.pathname; window.history.replaceState({}, document.title, cleanURL); showNotification('Payment verification server error.', 'error'); } }); } var originalProductsList = null; function renderHomepageProducts() { var productsRoot = document.querySelector('ul.products'); if (!productsRoot) return; if (!supabaseClient) return; var sortSelect = document.querySelector('select.orderby'); var sortVal = sortSelect ? sortSelect.value : 'price-desc'; var minPriceFilter = 0; var maxPriceFilter = 1000; function renderList(products) { var cart = getCart(); var html = ''; // Filter by price first var filtered = products.filter(function(prod) { var price = Math.round(prod.price_paise / 100); return price >= minPriceFilter && price <= maxPriceFilter; }); var sorted = filtered.slice(); if (sortVal === 'price') { sorted.sort(function(a, b) { return a.price_paise - b.price_paise; }); } else if (sortVal === 'price-desc') { sorted.sort(function(a, b) { return b.price_paise - a.price_paise; }); } else if (sortVal === 'title-asc') { sorted.sort(function(a, b) { return a.title.localeCompare(b.title); }); } else if (sortVal === 'title-desc') { sorted.sort(function(a, b) { return b.title.localeCompare(a.title); }); } sorted.forEach(function(prod) { var priceRs = Math.round(prod.price_paise / 100); var imgUrl = prod.cover_image_url || '/wp-content/uploads/2020/08/51-150x200.jpg'; var authorName = prod.author || 'Hindi Comics'; var isAdded = cart.some(function(item) { return item.id === prod.id; }); var btnText = isAdded ? 'Added' : 'Add'; var btnClasses = isAdded ? 'button add_to_cart_button ajax_add_to_cart btn btn-success text-white btn-sm rounded-0 font-weight-medium d-flex align-items-center justify-content-center' : 'button add_to_cart_button ajax_add_to_cart btn btn-outline-dark btn-sm rounded-0 font-weight-medium d-flex align-items-center justify-content-center'; var btnStyle = isAdded ? 'padding: 6px 12px; font-size: 13px; background-color: #28a745; border-color: #28a745; color: #ffffff;' : 'padding: 6px 12px; font-size: 13px;'; html += '

' + '

' + '' + '

' + '

' + authorName + '

' + '

' + '' + prod.title + '' + '

' + '

' + '₹' + priceRs + '' + '

' + '' + btnText + '' + '

' + '

'; }); productsRoot.innerHTML = html; bindAddToCartButtons(); } function bindAddToCartButtons() { productsRoot.querySelectorAll('.add_to_cart_button').forEach(function(btn) { btn.addEventListener('click', function(e) { e.preventDefault(); var id = btn.getAttribute('data-product_id'); var title = btn.getAttribute('data-product_title'); var price = parseFloat(btn.getAttribute('data-product_price')); var image = btn.getAttribute('data-product_image'); var cart = getCart(); var existingIndex = cart.findIndex(function(item) { return item.id === id; }); if (existingIndex !== -1) { cart.splice(existingIndex, 1); saveCart(cart); updateCartUI(); showNotification('"' + title + '" has been removed from your cart.', 'info'); } else { cart.push({ id: id, title: title, price: price, image: image, format: 'PDF', quantity: 1 }); saveCart(cart); updateCartUI(); showNotification('"' + title + '" has been added to your cart!', 'success'); } }); }); } if (originalProductsList) { renderList(originalProductsList); } else { supabaseClient.from('products').select('*').eq('is_active', true) .then(function(res) { if (res.error) { console.error('Error fetching products:', res.error); return; } originalProductsList = res.data || []; var highestPrice = 1000; if (originalProductsList.length > 0) { var maxProductPrice = Math.max.apply(Math, originalProductsList.map(function(p) { return Math.round(p.price_paise / 100); })); if (maxProductPrice > 0) { highestPrice = maxProductPrice; } } maxPriceFilter = highestPrice; var maxPriceInput = document.getElementById('max_price'); if (maxPriceInput) { maxPriceInput.setAttribute('data-max', highestPrice); maxPriceInput.value = highestPrice; } var toSpan = document.querySelector('.price_label .to'); if (toSpan) { toSpan.textContent = '₹' + highestPrice; } if (typeof jQuery !== 'undefined' && jQuery.fn.slider) { try { try { jQuery('.price_slider').slider('destroy'); } catch(err) {} var sliderEl = jQuery('.price_slider'); sliderEl.removeClass('ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content ui-slider-range ui-widget-header ui-state-default').empty(); sliderEl.slider({ range: true, min: 0, max: highestPrice, values: [0, highestPrice], slide: function(event, ui) { var minVal = ui.values[0]; var maxVal = ui.values[1]; var minInput = document.getElementById('min_price'); var maxInput = document.getElementById('max_price'); if (minInput) minInput.value = minVal; if (maxInput) maxInput.value = maxVal; var fromSpan = document.querySelector('.price_label .from'); var toSpan = document.querySelector('.price_label .to'); if (fromSpan) fromSpan.textContent = '₹' + minVal; if (toSpan) toSpan.textContent = '₹' + maxVal; minPriceFilter = minVal; maxPriceFilter = maxVal; renderList(originalProductsList); }, change: function(event, ui) { var minVal = ui.values[0]; var maxVal = ui.values[1]; minPriceFilter = minVal; maxPriceFilter = maxVal; renderList(originalProductsList); } }); } catch(e) { console.error('Error initializing price slider:', e); } } renderList(originalProductsList); // Featured books block removed and moved to renderGlobalFeaturedBooks }); } // Bind change listener to sort dropdown if not already done if (sortSelect && !sortSelect.dataset.hasSortListener) { sortSelect.dataset.hasSortListener = 'true'; if (typeof jQuery !== 'undefined' && jQuery.fn.selectpicker) { try { jQuery(sortSelect).selectpicker('destroy').selectpicker(); } catch(e) {} } sortSelect.addEventListener('change', function() { sortVal = sortSelect.value; if (originalProductsList) { renderList(originalProductsList); } }); // Also listen to jQuery Selectpicker changes in case bootstrap-select is active if (typeof jQuery !== 'undefined') { jQuery(sortSelect).on('changed.bs.select', function() { sortVal = sortSelect.value; if (originalProductsList) { renderList(originalProductsList); } }); } } // Bind price filter form submit if not already done var priceForm = document.querySelector('.widget_price_filter form'); if (priceForm && !priceForm.dataset.hasFilterListener) { priceForm.dataset.hasFilterListener = 'true'; priceForm.removeAttribute('action'); priceForm.addEventListener('submit', function(e) { e.preventDefault(); var minInput = document.getElementById('min_price'); var maxInput = document.getElementById('max_price'); minPriceFilter = minInput ? (parseInt(minInput.value) || 0) : 0; maxPriceFilter = maxInput ? (parseInt(maxInput.value) || 1000) : 1000; if (originalProductsList) { renderList(originalProductsList); } }); } } function renderProductDetailPage(slug) { if (!supabaseClient) return; supabaseClient.from('products').select('*').eq('slug', slug).single() .then(function(res) { if (res.error || !res.data) { console.error('Product not found in database:', slug); return; } var prod = res.data; // 1. Update text metadata var titleEl = document.querySelector('.product_title'); if (titleEl) titleEl.textContent = prod.title; var rawDesc = prod.description || ''; var parsedDesc = rawDesc; var galleryUrls = []; var coverImages = []; // Parse [COVER_IMAGES] tag if (rawDesc.includes('[COVER_IMAGES]')) { var coverParts = rawDesc.split('[COVER_IMAGES]'); parsedDesc = coverParts[0]; var coverUrlsStr = coverParts[1] ? coverParts[1].split('[GALLERY]').join('').split('[FEATURED]').join('').split('[RELATED]').join('').trim() : ''; if (coverUrlsStr) { coverImages = coverUrlsStr.split(',').map(function(u) { return u.trim(); }).filter(Boolean); } } if (parsedDesc.includes('[GALLERY]')) { var parts = parsedDesc.split('[GALLERY]'); parsedDesc = parts[0]; var urlsStr = parts[1] ? parts[1].split('[FEATURED]').join('').split('[RELATED]').join('').trim() : ''; if (urlsStr) { galleryUrls = urlsStr.split(',').map(function(u) { return u.trim(); }).filter(Boolean); } } var cleanedDesc = parsedDesc.split('[FEATURED]').join('').split('[RELATED]').join('').trim(); var descEl = document.querySelector('.woocommerce-product-details__short-description'); if (descEl) { descEl.innerHTML = '

' + cleanedDesc + '

'; } var tabDescEl = document.getElementById('tab-description'); if (tabDescEl) { tabDescEl.innerHTML = '

' + cleanedDesc.split('\n').join('
') + '

'; } // Update page title document.title = prod.title + ' - Hindi Comics Hub'; // 2. Build Cover Images Carousel var mainCoverUrl = prod.cover_image_url || '/wp-content/uploads/2020/08/51-150x200.jpg'; // Build cover images array: if [COVER_IMAGES] exist, use those (main image is first) // Otherwise fall back to just the single cover_image_url var allCoverImages; if (coverImages.length > 0) { // Ensure the main cover_image_url is first if it's not already in the list allCoverImages = coverImages; } else { allCoverImages = [mainCoverUrl]; } var coverIdx = 0; var slideContainer = document.getElementById('cover-main-slide-container'); var thumbStrip = document.getElementById('cover-thumb-strip'); var coverPrevBtn = document.getElementById('cover-prev'); var coverNextBtn = document.getElementById('cover-next'); if (slideContainer) { // Build slides var slidesHtml = ''; allCoverImages.forEach(function(url, i) { slidesHtml += '

' + ' ' + prod.title + ' - Image ' + (i+1) + '

' + '

'; }); slideContainer.innerHTML = slidesHtml; // Click to open lightbox slideContainer.querySelectorAll('.cover-main-slide').forEach(function(slide) { slide.onclick = function() { coverLightboxIndex = parseInt(this.getAttribute('data-index')); openCoverLightbox(); }; }); } // Build thumbnails if (thumbStrip) { if (allCoverImages.length > 1) { var thumbsHtml = ''; allCoverImages.forEach(function(url, i) { thumbsHtml += '

' + '

' + '

'; }); thumbStrip.innerHTML = thumbsHtml; thumbStrip.querySelectorAll('.cover-thumb-item').forEach(function(thumb) { thumb.onclick = function() { coverIdx = parseInt(this.getAttribute('data-index')); showCoverSlide(coverIdx); }; }); } else { thumbStrip.innerHTML = ''; } } // Show/hide nav arrows if (coverPrevBtn && coverNextBtn) { if (allCoverImages.length > 1) { coverPrevBtn.style.display = 'flex'; coverNextBtn.style.display = 'flex'; coverPrevBtn.onclick = function() { coverIdx = (coverIdx - 1 + allCoverImages.length) % allCoverImages.length; showCoverSlide(coverIdx); }; coverNextBtn.onclick = function() { coverIdx = (coverIdx + 1) % allCoverImages.length; showCoverSlide(coverIdx); }; } else { coverPrevBtn.style.display = 'none'; coverNextBtn.style.display = 'none'; } } function showCoverSlide(idx) { if (!slideContainer) return; slideContainer.querySelectorAll('.cover-main-slide').forEach(function(s, i) { s.style.display = (i === idx) ? 'flex' : 'none'; }); if (thumbStrip) { thumbStrip.querySelectorAll('.cover-thumb-item').forEach(function(t, i) { t.classList.toggle('active', i === idx); }); } } // Unified lightbox controller var activeLightboxItems = allCoverImages; var activeLightboxIndex = 0; function openLightbox(items, idx) { activeLightboxItems = items; activeLightboxIndex = idx; var lb = document.getElementById('gallery-lightbox'); var lbImg = document.getElementById('lightbox-img'); if (!lb || !lbImg) return; lbImg.src = activeLightboxItems[activeLightboxIndex]; lb.style.display = 'flex'; document.body.style.overflow = 'hidden'; } // Cover lightbox: opens using allCoverImages var coverLightboxIndex = 0; function openCoverLightbox() { coverLightboxIndex = coverIdx; openLightbox(allCoverImages, coverLightboxIndex); } // 3. Update Price var priceEl = document.querySelector('.price'); if (priceEl) { var priceRs = Math.round(prod.price_paise / 100); priceEl.innerHTML = '₹' + priceRs + ''; } // 4. Update Author var authorEl = document.querySelector('.rating-author_info .d-flex.align-items-center .author-name'); if (authorEl) { authorEl.textContent = prod.author || 'Hindi Comics'; } // 5. Update Add to Cart button actions var addToCartBtn = document.querySelector('.single_add_to_cart_button'); if (addToCartBtn) { // Update data attributes addToCartBtn.setAttribute('data-product_id', prod.id); addToCartBtn.setAttribute('data-product_title', prod.title); addToCartBtn.setAttribute('data-product_price', (prod.price_paise / 100)); // Replace with a fresh button to clear old WordPress form submit listeners var newBtn = addToCartBtn.cloneNode(true); addToCartBtn.parentNode.replaceChild(newBtn, addToCartBtn); newBtn.addEventListener('click', function(e) { e.preventDefault(); var qtyInput = document.querySelector('input.qty'); var qty = qtyInput ? parseInt(qtyInput.value) : 1; if (isNaN(qty) || qty < 1) qty = 1; var cart = getCart(); var existing = cart.find(function(item) { return item.id === prod.id; }); if (existing) { existing.quantity += qty; } else { cart.push({ id: prod.id, title: prod.title, price: (prod.price_paise / 100), image: prod.cover_image_url || '/wp-content/uploads/2020/08/31.jpg', format: 'PDF', quantity: qty }); } saveCart(cart); updateCartUI(); }); } // 5b. Initialize Gallery Lightbox (only for gallery preview pages, NOT the cover image) var galleryItems = []; if (galleryUrls && galleryUrls.length > 0) { galleryItems = galleryUrls; } else { galleryItems = [ '/wp-content/uploads/comic_page_1.png', '/wp-content/uploads/comic_page_2.png' ]; } var currentGalleryIndex = 0; // 5b. Gallery lightbox var lightbox = document.getElementById('gallery-lightbox'); var lightboxImg = document.getElementById('lightbox-img'); var closeBtn = document.querySelector('.lightbox-close'); var lbPrevBtn = document.querySelector('.lightbox-prev'); var lbNextBtn = document.querySelector('.lightbox-next'); if (lightbox && lightboxImg) { var galleryRow = document.getElementById('product-gallery-row'); if (galleryRow) { var galleryHtml = ''; galleryItems.forEach(function(itemUrl, idx) { galleryHtml += '

'; galleryHtml += ' '; galleryHtml += ' Gallery Image ' + (idx + 1) + '

'; galleryHtml += ' '; galleryHtml += '

'; }); galleryRow.innerHTML = galleryHtml; } // Gallery item click: open with galleryItems var links = document.querySelectorAll('.gallery-item-link'); links.forEach(function(link, idx) { link.onclick = function(e) { e.preventDefault(); openLightbox(galleryItems, idx); }; }); function hideLightbox() { lightbox.style.display = 'none'; document.body.style.overflow = ''; } if (closeBtn) { closeBtn.onclick = function(e) { e.preventDefault(); hideLightbox(); }; } // Unified prev/next: always navigate activeLightboxItems if (lbPrevBtn) { lbPrevBtn.onclick = function(e) { e.preventDefault(); activeLightboxIndex = (activeLightboxIndex - 1 + activeLightboxItems.length) % activeLightboxItems.length; lightboxImg.src = activeLightboxItems[activeLightboxIndex]; // Sync cover carousel if navigating cover images if (activeLightboxItems === allCoverImages) { coverIdx = activeLightboxIndex; showCoverSlide(coverIdx); } }; } if (lbNextBtn) { lbNextBtn.onclick = function(e) { e.preventDefault(); activeLightboxIndex = (activeLightboxIndex + 1) % activeLightboxItems.length; lightboxImg.src = activeLightboxItems[activeLightboxIndex]; // Sync cover carousel if navigating cover images if (activeLightboxItems === allCoverImages) { coverIdx = activeLightboxIndex; showCoverSlide(coverIdx); } }; } lightbox.onclick = function(e) { if (e.target === lightbox || e.target.classList.contains('lightbox-content')) { hideLightbox(); } }; document.onkeydown = function(e) { if (lightbox.style.display === 'flex') { if (e.key === 'Escape') { hideLightbox(); } else if (e.key === 'ArrowLeft') { activeLightboxIndex = (activeLightboxIndex - 1 + activeLightboxItems.length) % activeLightboxItems.length; lightboxImg.src = activeLightboxItems[activeLightboxIndex]; if (activeLightboxItems === allCoverImages) { coverIdx = activeLightboxIndex; showCoverSlide(coverIdx); } } else if (e.key === 'ArrowRight') { activeLightboxIndex = (activeLightboxIndex + 1) % activeLightboxItems.length; lightboxImg.src = activeLightboxItems[activeLightboxIndex]; if (activeLightboxItems === allCoverImages) { coverIdx = activeLightboxIndex; showCoverSlide(coverIdx); } } } }; } // 6. Fetch and render Reviews & Ratings renderProductReviews(prod.id); // 7. Fetch and render Related Products if (typeof jQuery !== 'undefined') { supabaseClient.from('products').select('*').eq('is_active', true) .then(function(allRes) { if (allRes.error || !allRes.data) return; var list = allRes.data; // Filter related books var related = list.filter(function(p) { return p.id !== prod.id && p.description && p.description.includes('[RELATED]'); }); // Fallback/backfill with active books to make it 8 if (related.length < 8) { var others = list.filter(function(p) { return p.id !== prod.id && (!p.description || !p.description.includes('[RELATED]')); }); related = related.concat(others).slice(0, 8); } var relatedRoot = document.querySelector('.related-product-carousel .products'); if (relatedRoot) { // Destroy existing slick instance if initialized if (jQuery(relatedRoot).hasClass('slick-initialized')) { try { jQuery(relatedRoot).slick('unslick'); } catch(err) {} } // Strip Bootstrap grid classes to prevent layout squishing under Slick Carousel relatedRoot.className = "products list-unstyled mb-6"; var rHtml = ''; related.forEach(function(item) { var priceRs = Math.round(item.price_paise / 100); var imgUrl = item.cover_image_url || '/wp-content/uploads/2020/08/51-150x200.jpg'; var authorName = item.author || 'Hindi Comics'; rHtml += '

' + '

' + '' + '

' + '

' + authorName + '

' + '

' + '' + item.title + '' + '

' + '

' + '₹' + priceRs + '' + 'View Details' + '

' + '

'; }); relatedRoot.innerHTML = rHtml; // Re-initialize slick if (typeof jQuery.fn.slick !== 'undefined') { try { jQuery(relatedRoot).slick({ slidesToShow: 6, slidesToScroll: 1, infinite: true, autoplay: false, arrows: true, prevArrow: '', nextArrow: '', dots: false, responsive: [ { breakpoint: 554, settings: { slidesToShow: 2, slidesToScroll: 1 } }, { breakpoint: 992, settings: { slidesToShow: 3, slidesToScroll: 1 } }, { breakpoint: 1199, settings: { slidesToShow: 4, slidesToScroll: 2 } }, { breakpoint: 1500, settings: { slidesToShow: 5, slidesToScroll: 2 } } ] }); } catch(err) { console.warn('Slick init failed:', err); } } } }); } }); } function renderProductReviews(productId) { if (!supabaseClient) return; supabaseClient.from('reviews').select('*').eq('product_id', productId).order('created_at', { ascending: false }) .then(function(res) { if (res.error) { console.error('Error fetching reviews:', res.error); return; } var reviewsList = res.data || []; var reviewCount = reviewsList.length; // Calculate average rating var totalStars = 0; reviewsList.forEach(function(r) { totalStars += r.rating; }); var avgRating = reviewCount > 0 ? (totalStars / reviewCount).toFixed(2) : '0.00'; // Update header rating score under the product title var headerStars = document.querySelector('.rating-author_info .star-rating'); if (headerStars) { var percentage = reviewCount > 0 ? (avgRating * 20) : 0; headerStars.setAttribute('aria-label', 'Rated ' + avgRating + ' out of 5'); headerStars.innerHTML = 'Rated ' + avgRating + ' out of 5 based on ' + reviewCount + ' customer ratings'; } var headerCountLabel = document.querySelector('.rating-author_info .ml-3'); if (headerCountLabel) { headerCountLabel.textContent = '(' + reviewCount + ')'; } // Update advanced review rating card dynamically var summaryRatingVal = document.querySelector('.advanced-review-rating .font-size-15'); if (summaryRatingVal) { summaryRatingVal.textContent = parseFloat(avgRating).toFixed(1); } var summaryCountLabel = document.querySelector('.advanced-review-rating .font-weight-normal'); if (summaryCountLabel) { summaryCountLabel.textContent = reviewCount + ' review' + (reviewCount === 1 ? '' : 's'); } var summaryStars = document.querySelector('.advanced-review-rating .star-rating'); if (summaryStars) { var percentage = reviewCount > 0 ? (avgRating * 20) : 0; summaryStars.setAttribute('title', 'Rated ' + avgRating + ' out of 5'); summaryStars.setAttribute('aria-label', 'Rated ' + avgRating + ' out of 5'); summaryStars.innerHTML = 'Rated ' + avgRating + ' out of 5'; } // Update rating progress bars distribution var distribution = { 5: 0, 4: 0, 3: 0, 2: 0, 1: 0 }; reviewsList.forEach(function(r) { var val = Math.round(r.rating); if (val >= 1 && val <= 5) { distribution[val]++; } }); for (var star = 1; star <= 5; star++) { var count = distribution[star]; var pct = reviewCount > 0 ? Math.round((count / reviewCount) * 100) : 0; var index = 5 - star; var rowEl = document.querySelectorAll('.advanced-review-rating ul.list-unstyled > li')[index]; if (rowEl) { var bar = rowEl.querySelector('.progress-bar'); if (bar) { bar.style.width = pct + '%'; bar.setAttribute('aria-valuenow', pct); } var countSpan = rowEl.querySelector('.text-right span'); if (countSpan) { countSpan.textContent = count; } var colEl = rowEl.querySelector('.col-2.text-right'); if (colEl) { if (count === 0) { colEl.classList.add('zero'); } else { colEl.classList.remove('zero'); } } } } // Render reviews tab content container var reviewsRoot = document.getElementById('reviews'); if (!reviewsRoot) return; var reviewsHTML = ''; if (reviewCount === 0) { reviewsHTML = '

There are no reviews yet.

'; } else { reviewsHTML += '

' + reviewCount + ' review' + (reviewCount === 1 ? '' : 's') + ' for this book

'; reviewsHTML += '

' + '
' + '
' + '
' + '
Rated ' + rev.rating + ' out of 5
' + '
' + dateStr + '
' + '
' + '
' + rev.user_name + '
' + '
' + rev.comment + '
' + '
' + '
' + '

'; } reviewsRoot.innerHTML = reviewsHTML; // Render Form respond area var formWrapper = document.getElementById('review_form_wrapper'); if (!formWrapper) return; // Check if user is logged in supabaseClient.auth.getSession().then(function(sessionRes) { var session = sessionRes.data.session; if (session && session.user) { var userDisplayName = (session.user.user_metadata && (session.user.user_metadata.full_name || session.user.user_metadata.name)) || session.user.email.split('@')[0]; formWrapper.innerHTML = '

' + '

Write a Review

' + '' + '

' + '

'; var submitBtn = document.getElementById('submit-review-btn'); if (submitBtn) { submitBtn.addEventListener('click', function(e) { e.preventDefault(); var ratingSelect = document.getElementById('review-rating-select'); var commentText = document.getElementById('review-comment-text'); if (!ratingSelect || !commentText || !commentText.reportValidity()) return; var ratingVal = parseInt(ratingSelect.value); var commentVal = commentText.value.trim(); if (!commentVal) return; showNotification('Submitting review...', 'loading'); supabaseClient.from('reviews').insert({ product_id: productId, user_id: session.user.id, user_name: userDisplayName, rating: ratingVal, comment: commentVal }).then(function(insertRes) { if (insertRes.error) { showNotification('Error submitting review: ' + insertRes.error.message, 'error'); } else { showNotification('Thank you! Your review has been submitted successfully.', 'success', function() { renderProductReviews(productId); }); } }); }); } } else { formWrapper.innerHTML = '

' + '

Write a Review

' + '

You must be logged in to post a review.

' + '

'; } }); }); } function renderCartPage(cart, totalPrice) { var container = document.querySelector('#main .woocommerce, main .woocommerce'); if (!container) return; if (cart.length === 0) { container.innerHTML = '

' + '

Your cart is currently empty.

' + '

' + 'Return to shop' + '

' + '

'; return; } var cardList = '

'; cart.forEach(function(item, idx) { cardList += '

' + '

' + item.title + '

' + '

Format: ' + item.format + '

' + '

₹' + Math.round(item.price) + '

' + '

' + '' + 'Remove' + '' + '

'; }); cardList += '

'; container.innerHTML = '

' + '

' + cardList + '

' + '

Cart totals

' + '

' + 'Subtotal' + '₹' + Math.round(totalPrice) + '' + '

' + '

' + 'Total' + '₹' + Math.round(totalPrice) + '' + '

' + 'Proceed to checkout' + '

' + '

'; } function renderCheckoutPage(cart, totalPrice) { var woocommerceRoot = document.querySelector('#main .woocommerce, main .woocommerce'); if (!woocommerceRoot) return; if (cart.length === 0) { woocommerceRoot.innerHTML = '

' + '

Your cart is currently empty.

' + '

' + 'Return to shop' + '

' + '

'; return; } var checkoutFormHTML = '

' + '

Billing & Delivery Details

' + '

' + 'First name *' + '' + '

' + '

' + 'Last name *' + '' + '

' + '

' + 'Delivery Email Address (for Google Drive PDF delivery) *' + '' + 'We will share your purchased comic PDFs directly to this Google Account.' + '

' + '

' + 'Phone *' + '' + '

' + '

' + 'Order notes (optional)' + '' + '

' + '

Your Order

' + '

'; woocommerceRoot.innerHTML = checkoutFormHTML; // Pre-fill email field if user is logged in if (supabaseClient) { supabaseClient.auth.getSession().then(function(res) { var session = res.data.session; if (session && session.user) { var emailInput = document.getElementById('billing_email'); if (emailInput) emailInput.value = session.user.email || ''; var fullName = (session.user.user_metadata && (session.user.user_metadata.full_name || session.user.user_metadata.name)) || ''; if (fullName) { var parts = fullName.split(' '); var firstNameInput = document.getElementById('billing_first_name'); var lastNameInput = document.getElementById('billing_last_name'); if (firstNameInput) firstNameInput.value = parts[0] || ''; if (lastNameInput) lastNameInput.value = parts.slice(1).join(' ') || ''; } } }); } // Load Razorpay script if not present if (!window.Razorpay) { var script = document.createElement('script'); script.src = 'https://checkout.razorpay.com/v1/checkout.js'; document.head.appendChild(script); } var itemsHTML = ''; cart.forEach(function(item) { itemsHTML += '' + '' + item.title + ' (' + item.format + ') × ' + item.quantity + '' + '' + '₹' + Math.round(item.price * item.quantity) + '' + '' + ''; }); var tableHTML = '' + '' + '' + '' + '' + '' + '' + '' + itemsHTML + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '

Product	Subtotal
Subtotal	₹' + Math.round(totalPrice) + '
Total	₹' + Math.round(totalPrice) + '

'; tableHTML += '

' + '

Payment Method

' + '

' + '' + '' + 'Pay Online (PhonePe Secure)
Pay via UPI, Cards, NetBanking, or Wallets securely' + '' + '

' + '' + '

'; var orderReviewRoot = document.getElementById('order_review'); if (orderReviewRoot) { orderReviewRoot.innerHTML = tableHTML; } var placeOrderBtn = document.getElementById('place-order-sim-btn'); if (placeOrderBtn) { placeOrderBtn.addEventListener('click', function(e) { e.preventDefault(); var form = document.getElementById('checkout-form'); if (form && !form.reportValidity()) { return; } var firstName = document.getElementById('billing_first_name')?.value || ''; var lastName = document.getElementById('billing_last_name')?.value || ''; var email = document.getElementById('billing_email')?.value || ''; var phone = document.getElementById('billing_phone')?.value || ''; var notes = document.getElementById('order_comments')?.value || ''; var payMethod = document.querySelector('input[name="payment_method"]:checked')?.value || 'online'; if (payMethod === 'cod') { var orderDetails = { orderId: 'ORD-' + Math.floor(100000 + Math.random() * 900000), date: new Date().toLocaleDateString('en-IN', { day: 'numeric', month: 'short', year: 'numeric' }), firstName: firstName, lastName: lastName, email: email, phone: phone, notes: notes, items: cart, total: totalPrice, paymentMethod: 'Cash on Delivery', paymentId: 'COD-PENDING' }; var orders = []; try { orders = JSON.parse(localStorage.getItem('user_orders') || '[]'); } catch(err) {} orders.unshift(orderDetails); localStorage.setItem('user_orders', JSON.stringify(orders)); showNotification('Thank you! Your Cash on Delivery order (' + orderDetails.orderId + ') has been placed successfully.', 'success', function() { saveCart([]); window.location.href = '/my-account/'; }, 'Order Placed'); return; } // PhonePe Online Payment flow showNotification('Initiating secure payment with PhonePe...', 'loading', null, 'PhonePe Checkout'); var tempTxnId = 'TXN-' + Date.now() + Math.floor(1000 + Math.random() * 9000); // Save pending order details var pendingOrder = { orderId: tempTxnId, date: new Date().toLocaleDateString('en-IN', { day: 'numeric', month: 'short', year: 'numeric' }), firstName: firstName, lastName: lastName, email: email, phone: phone, notes: notes, items: cart, total: totalPrice }; localStorage.setItem('pending_order_' + tempTxnId, JSON.stringify(pendingOrder)); fetch('/.netlify/functions/pay', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ amount: totalPrice * 100, // paise email: email, phone: phone, name: firstName + ' ' + lastName, origin: window.location.origin }) }) .then(function(res) { if (!res.ok) throw new Error('Serverless payment endpoint offline'); return res.json(); }) .then(function(data) { if (data && data.success && data.redirectUrl) { // Redirect user to PhonePe checkout page window.location.href = data.redirectUrl; } else { throw new Error(data.error || 'Payment initiation failed'); } }) .catch(function(err) { console.warn('Redirecting to simulated test gateway (local testing):', err); setTimeout(function() { window.location.href = window.location.origin + '/my-account/?txnId=' + tempTxnId + '&status=redirect'; }, 1000); }); }); } } document.addEventListener('click', function(e) { var removeBtn = e.target.closest('.remove_from_cart_button') || e.target.closest('.remove-cart-item-btn'); if (removeBtn) { e.preventDefault(); e.stopPropagation(); var index = parseInt(removeBtn.getAttribute('data-index')); var cart = getCart(); cart.splice(index, 1); saveCart(cart); updateCartUI(); return; } var minusBtn = e.target.closest('.qty-minus-btn'); if (minusBtn) { e.preventDefault(); e.stopPropagation(); var index = parseInt(minusBtn.getAttribute('data-index')); var cart = getCart(); if (cart[index].quantity > 1) { cart[index].quantity--; saveCart(cart); updateCartUI(); } return; } var plusBtn = e.target.closest('.qty-plus-btn'); if (plusBtn) { e.preventDefault(); e.stopPropagation(); var index = parseInt(plusBtn.getAttribute('data-index')); var cart = getCart(); cart[index].quantity++; saveCart(cart); updateCartUI(); return; } }, true); document.addEventListener('submit', function(e) { var form = e.target; if (form && form.classList.contains('cart')) { e.preventDefault(); e.stopImmediatePropagation(); var productId = form.getAttribute('data-product_id') || form.querySelector('input[name="product_id"]')?.value || '71'; var title = document.querySelector('.product_title')?.textContent?.trim() || 'The Lost Colony'; var formatSelect = form.querySelector('select[name="attribute_pa_format"]') || form.querySelector('#pa_format'); var format = formatSelect ? formatSelect.options[formatSelect.selectedIndex].text : 'Standard'; var formatVal = formatSelect ? formatSelect.value : 'pdf'; var price = 29.95; var variationsData = form.getAttribute('data-product_variations'); if (variationsData) { try { var variations = JSON.parse(variationsData); var selectedVar = variations.find(function(v) { return v.attributes.attribute_pa_format === formatVal; }); if (selectedVar) { price = parseFloat(selectedVar.display_price); } } catch(err) { console.error(err); } } else { var priceEl = document.querySelector('.woocommerce-Price-amount bdi') || document.querySelector('.price .amount'); if (priceEl) { var priceText = priceEl.textContent.replace(/[^\d.]/g, ''); if (priceText) price = parseFloat(priceText); } } var imageEl = document.querySelector('.woocommerce-product-gallery__image img') || document.querySelector('.summary img'); var image = imageEl ? imageEl.getAttribute('src') : '/wp-content/uploads/2020/08/31.jpg'; var cart = getCart(); var existing = cart.find(function(item) { return item.id === productId && item.format === format; }); if (existing) { showNotification('This item is already added to your cart.', 'error', null, 'Already Added'); return; } else { cart.push({ id: productId, title: title, price: price, format: format, image: image, quantity: 1 }); } saveCart(cart); updateCartUI(); showNotification('Product added to cart successfully!', 'success'); var cartBtn = document.getElementById('sidebarNavToggler-my_cart'); if (cartBtn) { cartBtn.click(); } } }, true); // Manual click listener to toggle the sidebar cart (bypassing legacy hs.unfold) document.addEventListener('click', function(e) { var cartBtn = e.target.closest('#sidebarNavToggler-my_cart'); if (cartBtn) { e.preventDefault(); e.stopPropagation(); var cartDrawer = document.getElementById('offcanvasCart'); if (cartDrawer) { cartDrawer.style.zIndex = '100000'; var isHidden = cartDrawer.classList.contains('u-unfold--hidden'); if (isHidden) { cartDrawer.classList.remove('u-unfold--hidden'); } else { cartDrawer.classList.add('u-unfold--hidden'); } } } var closeBtn = e.target.closest('#offcanvasCart button.close'); if (closeBtn) { e.preventDefault(); e.stopPropagation(); var cartDrawer = document.getElementById('offcanvasCart'); if (cartDrawer) { cartDrawer.classList.add('u-unfold--hidden'); } } }, true); updateCartUI(); // Intercept history pushState / replaceState to update cart on Next.js client-side routing if (typeof window !== 'undefined' && window.history) { var originalPushState = window.history.pushState; var originalReplaceState = window.history.replaceState; window.history.pushState = function() { originalPushState.apply(this, arguments); setTimeout(updateCartUI, 100); }; window.history.replaceState = function() { originalReplaceState.apply(this, arguments); setTimeout(updateCartUI, 100); }; window.addEventListener('popstate', function() { setTimeout(updateCartUI, 100); }); // Guard check to automatically restore checkout billing form if React hydration wipes it out on mount setInterval(function() { var path = window.location.pathname; if (path === '/checkout' || path === '/checkout/') { var checkoutForm = document.getElementById('checkout-form'); if (!checkoutForm) { var cart = getCart(); if (cart.length > 0) { updateCartUI(); } } } }, 500); } function renderGlobalFeaturedBooks() { var featuredRoot = document.querySelector('.widget_products ul.product_list_widget'); if (!featuredRoot) return; if (!supabaseClient) return; if (originalProductsList) { renderFeaturedList(); } else { supabaseClient.from('products').select('*').eq('is_active', true) .then(function(res) { if (res.error) { console.error('Error fetching products for featured:', res.error); return; } originalProductsList = res.data || []; renderFeaturedList(); }); } function renderFeaturedList() { var featuredRoot = document.querySelector('.widget_products ul.product_list_widget'); if (!featuredRoot || !originalProductsList) return; var featuredBooks = originalProductsList.filter(function(prod) { return prod.description && prod.description.includes('[FEATURED]'); }); var featuredHtml = ''; featuredBooks.forEach(function(prod) { var priceRs = Math.round(prod.price_paise / 100); var imgUrl = prod.cover_image_url || '/wp-content/uploads/2020/08/51-150x200.jpg'; featuredHtml += '

' + '

' + '' + ' ' + prod.title + '

' + '' + '

' + '

' + '' + prod.title + '' + '

' + '

' + '₹' + priceRs + '' + 'View Details' + '

' + '

'; }); if (featuredHtml) { featuredRoot.innerHTML = featuredHtml; } else { featuredRoot.innerHTML = '

No featured books.

'; } } } })();

', "after_title": "

', "after_title": "

Recent Orders

My Account

' + '' + prod.title + '' + '

' + '' + item.title + '' + '

' + reviewCount + ' review' + (reviewCount === 1 ? '' : 's') + ' for this book

' + rev.user_name + '

Write a Review

Write a Review

Cart totals

Billing & Delivery Details

Your Order

' + '' + prod.title + '' + '

Login (Existing User)

Register (New User)