document.addEventListener('DOMContentLoaded', function() { const toggleSwitches = document.querySelectorAll('.vat-toggle-switch'); const vatStatus = document.getElementById('vatStatus'); function updatePrices(isIncVAT) { const mainPrices = document.querySelectorAll('.product-price'); // Price with VAT const secondaryPrices = document.querySelectorAll('.secondary-price'); // Price without VAT mainPrices.forEach(price => { if (price && price.dataset) { if (isIncVAT) { // When showing inc-VAT, make VAT price big and prominent price.style.fontSize = '24px'; price.style.color = '#00aeff'; // Blue for inc-VAT price.style.fontWeight = 'bold'; price.style.order = '1'; } else { // When showing ex-VAT, make VAT price small and secondary price.style.fontSize = '16px'; price.style.color = '#00aeff'; // Blue for inc-VAT price.style.fontWeight = 'normal'; price.style.order = '2'; } } }); secondaryPrices.forEach(price => { if (price && price.dataset) { if (isIncVAT) { // When showing inc-VAT, make ex-VAT price small and secondary price.style.fontSize = '16px'; price.style.color = '#dd0d7e'; // Pink for ex-VAT price.style.fontWeight = 'normal'; price.style.order = '2'; } else { // When showing ex-VAT, make ex-VAT price big and prominent price.style.fontSize = '24px'; price.style.color = '#dd0d7e'; // Pink for ex-VAT price.style.fontWeight = 'bold'; price.style.order = '1'; } } }); // Update toggle text if (vatStatus) { vatStatus.textContent = isIncVAT ? 'Inc VAT' : 'Ex VAT'; } } // Set default state to inc-VAT (checked = true) toggleSwitches.forEach(toggle => { toggle.checked = true; // Set to inc-VAT by default (checked = ON) toggle.addEventListener('change', function(e) { updatePrices(e.target.checked); // checked = true means Inc VAT }); }); // Initialize with default inc-VAT state updatePrices(true); });