Widget:Test4: mudanças entre as edições

            function filterHunts() {

                const selectedMap = mapTypeSelect.value;

                const selectedDifficulty = difficultySelect.value;

                const searchTerm = searchInput.value.toLowerCase();

                imageContainer.innerHTML = "";

                if (!selectedMap) return;

                const huntList = hunts[selectedMap];

                huntList.forEach(hunt => {

                    const matchesTags = selectedTags.length === 0 || selectedTags.some(tag => hunt.classes.includes(tag));

                    const matchesTypes = selectedTypes.length === 0 || selectedTypes.some(type => hunt.huntTypes.includes(type));

                    const matchesDifficulty = selectedDifficulty === "" || hunt.difficulty === selectedDifficulty;

                    const matchesSearch = hunt.name.toLowerCase().includes(searchTerm) || (hunt.altName && hunt.altName.toLowerCase().includes(searchTerm));

                    // Filtra as hunts com base no estado do toggle

                    if (matchesTags && matchesTypes && matchesDifficulty && (!isNeutro || (isNeutro && showNeutro)) && matchesSearch) {

                        const imageItem = document.createElement("div");

                        imageItem.className = "image-item";

                        imageItem.innerHTML = `

                            <div class="image-content">

                                <a href="${hunt.link}" target="_blank">

                                    <img src="${hunt.imageUrl}" alt="${hunt.name}">

                                </a>

                                <div class="image-info">

                                    <p><b>Nome do Local:</b> ${hunt.name}</p>  

                                    <p><b>Localização:</b> ${hunt.local.join(", ")}</p>

                                    <p><b>Dificuldade:</b> ${hunt.difficulty}</p>

                                    <p><b>Dano da Hunt:</b> ${hunt.huntTypes.join(", ")}</p>

                                    <div class="class-container">

                                        <p><b>Clãs:</b></p>

                                        <div class="class-icons">

                                            ${hunt.classes.map(cls => `<img src="${classIcons[cls]}" alt="${cls}" class="class-icon">`).join("")}

                         `;

                        imageContainer.appendChild(imageItem);

                    }

                });

            }