document.getElementById("search-button").addEventListener("click", function() {
let searchQuery = document.getElementById("search-input").value.toLowerCase();
let typeFilter = document.getElementById("filter-type").value;
let specialtyFilter = document.getElementById("filter-specialty").value;
let chefFilter = document.getElementById("filter-chef").value;
let cityFilter = document.getElementById("filter-city").value;
let courses = document.querySelectorAll(".course-item");
let resultsContainer = document.getElementById("search-results");
resultsContainer.innerHTML = "";
courses.forEach(course => {
let title = course.querySelector(".course-title").innerText.toLowerCase();
let type = course.dataset.type;
let specialty = course.dataset.specialty;
let chef = course.dataset.chef;
let city = course.dataset.city;
if ((searchQuery === "" || title.includes(searchQuery)) &&
(typeFilter === "" || type === typeFilter) &&
(specialtyFilter === "" || specialty === specialtyFilter) &&
(chefFilter === "" || chef === chefFilter) &&
(cityFilter === "" || city === cityFilter)) {
resultsContainer.appendChild(course.cloneNode(true));
}
});
});
