document.addEventListener("DOMContentLoaded", function () { const burger = document.querySelector(".burger"); const nav = document.querySelector(".site-nav"); const navLinks = document.querySelectorAll(".site-nav a"); const filterButtons = document.querySelectorAll(".filter-btn"); const productCards = document.querySelectorAll(".product-card"); const faqItems = document.querySelectorAll(".faq-item"); const forms = document.querySelectorAll("form"); const year = document.getElementById("year"); if (year) { year.textContent = new Date().getFullYear(); } if (burger && nav) { burger.addEventListener("click", function () { const isOpen = nav.classList.toggle("open"); burger.classList.toggle("open", isOpen); burger.setAttribute("aria-expanded", String(isOpen)); }); navLinks.forEach(function (link) { link.addEventListener("click", function () { nav.classList.remove("open"); burger.classList.remove("open"); burger.setAttribute("aria-expanded", "false"); }); }); } filterButtons.forEach(function (button) { button.addEventListener("click", function () { const filter = button.dataset.filter; filterButtons.forEach(function (item) { item.classList.remove("active"); }); button.classList.add("active"); productCards.forEach(function (card) { const categories = card.dataset.category ? card.dataset.category.split(" ") : []; const shouldShow = filter === "all" || categories.includes(filter); card.classList.toggle("hidden", !shouldShow); }); }); }); faqItems.forEach(function (item, index) { const button = item.querySelector("button"); const panel = item.querySelector("div"); if (!button || !panel) return; const panelId = "faq-panel-" + index; panel.id = panelId; button.setAttribute("aria-controls", panelId); button.setAttribute("aria-expanded", "false"); button.addEventListener("click", function () { const isOpen = item.classList.toggle("open"); button.setAttribute("aria-expanded", String(isOpen)); }); }); forms.forEach(function (form) { form.addEventListener("submit", function (event) { event.preventDefault(); const existingMessage = form.querySelector(".submit-message"); if (existingMessage) { existingMessage.remove(); } const message = document.createElement("p"); message.className = "submit-message"; message.textContent = "Заявка не отправлена: это статический прототип. После подключения backend форма сможет передавать данные в CRM, email или CMS."; message.style.marginTop = "14px"; message.style.color = "#263d34"; message.style.fontWeight = "700"; form.appendChild(message); }); }); });