
<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>

{"version":"1.0","provider_name":"","provider_url":"https:\/\/meteoguru.opg-magave.hr","author_name":"zdena","author_url":"https:\/\/meteoguru.opg-magave.hr\/index.php\/author\/zdena\/","title":"Prognoza ili poga\u0111anje &#8211; izazov za Meteo Guru-a!","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"8vXyMpkTfm\"><a href=\"https:\/\/meteoguru.opg-magave.hr\/\">Prognoza ili poga\u0111anje &#8211; izazov za Meteo Guru-a!<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/meteoguru.opg-magave.hr\/embed\/#?secret=8vXyMpkTfm\" width=\"600\" height=\"338\" title=\"&#8220;Prognoza ili poga\u0111anje &#8211; izazov za Meteo Guru-a!&#8221; &#8212; \" data-secret=\"8vXyMpkTfm\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n<\/script>\n"}