document.addEventListener("DOMContentLoaded", function() { var poradnik = document.getElementById("n24-poradnik"); if (!poradnik) { return; } var faqItems = poradnik.querySelectorAll(".n24-faq-item"); var cards = poradnik.querySelectorAll(".n24-category-card"); var search = poradnik.querySelector("#n24Search"); var searchButton = poradnik.querySelector("#n24SearchButton"); var noResults = poradnik.querySelector("#n24NoResults"); var counter = poradnik.querySelector("#n24Counter"); var questionsTitle = poradnik.querySelector("#n24QuestionsTitle"); var currentCategory = "all"; function normalizeText(text) { return text .toLowerCase() .normalize("NFD") .replace(/[\u0300-\u036f]/g, ""); } function updateCounter() { var visible = 0; faqItems.forEach(function(item) { if (item.style.display !== "none") { visible++; } }); counter.textContent = visible + " pytań"; noResults.style.display = visible === 0 ? "block" : "none"; } function filterQuestions() { var query = normalizeText(search.value.trim()); faqItems.forEach(function(item) { var category = item.getAttribute("data-category"); var searchable = normalizeText( item.innerText + " " + (item.getAttribute("data-search") || "") ); var categoryMatch = currentCategory === "all" || category === currentCategory; var searchMatch = query === "" || searchable.indexOf(query) !== -1; item.style.display = categoryMatch && searchMatch ? "" : "none"; }); updateCounter(); } /* ========================= FAQ ========================= */ faqItems.forEach(function(item) { var button = item.querySelector(".n24-faq-question"); button.addEventListener("click", function() { item.classList.toggle("open"); }); }); /* ========================= KATEGORIE ========================= */ cards.forEach(function(card) { card.addEventListener("click", function() { var selected = card.getAttribute("data-filter"); if ( currentCategory === selected && card.classList.contains("active") ) { currentCategory = "all"; cards.forEach(function(c) { c.classList.remove("active"); }); questionsTitle.textContent = "Najczęściej zadawane pytania"; } else { currentCategory = selected; cards.forEach(function(c) { c.classList.remove("active"); }); card.classList.add("active"); questionsTitle.textContent = card.querySelector("h3").textContent; } filterQuestions(); var target = document.getElementById("n24Questions"); if (target) { target.scrollIntoView({ behavior: "smooth", block: "start" }); } }); }); /* ========================= WYSZUKIWARKA ========================= */ search.addEventListener("input", function() { currentCategory = "all"; cards.forEach(function(c) { c.classList.remove("active"); }); questionsTitle.textContent = "Wyniki wyszukiwania"; filterQuestions(); }); searchButton.addEventListener("click", function() { filterQuestions(); var target = document.getElementById("n24Questions"); if (target) { target.scrollIntoView({ behavior: "smooth", block: "start" }); } }); updateCounter(); });