async function fetchCourses() { try { const response = await fetch("https://arliemediadesign.com/proxy.php"); const text = await response.text(); const parser = new DOMParser(); const xml = parser.parseFromString(text, "text/xml"); let courses = xml.getElementsByTagName("WICourse"); let output = ""; for (let course of courses) { let courseName = course.getElementsByTagName("Label")[0]?.textContent || "N/A"; let date = course.getElementsByTagName("StartDate")[0]?.textContent || "TBD"; let startTime = course.getElementsByTagName("StartTime")[0]?.textContent || ""; let endTime = course.getElementsByTagName("EndTime")[0]?.textContent || ""; let availability = course.getElementsByTagName("SpacesAvailable")[0]?.textContent || "Unknown"; let courseID = course.getElementsByTagName("CourseID")[0]?.textContent || ""; output += ` ${date}
${startTime} - ${endTime} ${availability} spaces available Add to basket + `; } document.getElementById("course-list").innerHTML = output; } catch (error) { document.getElementById("course-list").innerHTML = "

Failed to load courses. Please try again later.

"; } } // Update quantity function function updateQuantity(courseID, change) { let input = document.getElementById(`numPlaces-${courseID}`); let bookBtn = document.getElementById(`bookBtn-${courseID}`); let currentValue = parseInt(input.value); let newValue = currentValue + change; if (newValue < 0) newValue = 0; if (newValue > parseInt(input.max)) newValue = parseInt(input.max); input.value = newValue; // Enable/Disable the "Add to Basket" button if (newValue > 0) { bookBtn.classList.add("active"); bookBtn.disabled = false; } else { bookBtn.classList.remove("active"); bookBtn.disabled = true; } } // Fetch the courses on page load fetchCourses();