
<script>
document.addEventListener("DOMContentLoaded", () => {
    let currentIndex = 0;
    const games = document.querySelectorAll(".game");
    const totalGames = games.length;

    const updateSlider = () => {
        const sliderContent = document.querySelector(".slider-content");
        const transformValue = -100 * currentIndex; 
        sliderContent.style.transform = `translateX(${transformValue}%)`;
    };

    document.querySelector(".next").addEventListener("click", () => {
        if (currentIndex < totalGames - 1) {
            currentIndex++;
            updateSlider();
        }
    });

    document.querySelector(".prev").addEventListener("click", () => {
        if (currentIndex > 0) {
            currentIndex--;
            updateSlider();
        }
    });

    document.querySelectorAll(".game-form input").forEach(input => {
        input.addEventListener("input", (e) => {
            const form = e.target.closest("form");
            const formData = new FormData(form);

            fetch("https://meteoguru.opg-magave.hr/wp-admin/admin-ajax.php?action=submit_game_answer", {
                method: "POST",
                body: formData,
            })
            .then(response => response.text())
            .then(data => console.log("Server Response:", data))
            .catch(error => console.error("Error sending response:", error));
        });
    });
});


function updateValue(slider, displayId) {
    const displayElement = document.getElementById(displayId);
    if (displayElement) {
        displayElement.textContent = slider.value;
    }
}

function setChoice(button, hiddenFieldName) {
    const value = button.getAttribute('data-value');

    // Selektor MORA biti jedinstven: tražimo u istom form-u
    const form = button.closest("form");
    const hiddenField = form.querySelector(`input[name="${hiddenFieldName}"]`);

    if (hiddenField) {
        hiddenField.value = value;

        // 🔥 TRIGGER input eventa (ovo slider već radi automatski!)
        hiddenField.dispatchEvent(new Event("input", { bubbles: true }));
    }

    const buttonGroup = button.parentElement;
    const buttons = buttonGroup.querySelectorAll('.choice-button');
    buttons.forEach((btn) => btn.classList.remove('active'));

    button.classList.add('active');
}


</script>

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="https://meteoguru.opg-magave.hr/wp-sitemap-index.xsl" ?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><sitemap><loc>https://meteoguru.opg-magave.hr/wp-sitemap-posts-page-1.xml</loc></sitemap></sitemapindex>
