
<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"?>
<oembed><version>1.0</version><provider_name/><provider_url>https://meteoguru.opg-magave.hr</provider_url><author_name>zdena</author_name><author_url>https://meteoguru.opg-magave.hr/index.php/author/zdena/</author_url><title>Prognoza ili poga&#x111;anje &#x2013; izazov za Meteo Guru-a!</title><type>rich</type><width>600</width><height>338</height><html>&lt;blockquote class="wp-embedded-content" data-secret="aMGE4UwKjO"&gt;&lt;a href="https://meteoguru.opg-magave.hr/"&gt;Prognoza ili poga&#x111;anje &#x2013; izazov za Meteo Guru-a!&lt;/a&gt;&lt;/blockquote&gt;&lt;iframe sandbox="allow-scripts" security="restricted" src="https://meteoguru.opg-magave.hr/embed/#?secret=aMGE4UwKjO" width="600" height="338" title="&#x201C;Prognoza ili poga&#x111;anje &#x2013; izazov za Meteo Guru-a!&#x201D; &#x2014; " data-secret="aMGE4UwKjO" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"&gt;&lt;/iframe&gt;&lt;script&gt;
/*! This file is auto-generated */
!function(d,l){"use strict";l.querySelector&amp;&amp;d.addEventListener&amp;&amp;"undefined"!=typeof URL&amp;&amp;(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&amp;&amp;!/[^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&lt;o.length;i++)o[i].style.display="none";for(i=0;i&lt;a.length;i++)s=a[i],e.source===s.contentWindow&amp;&amp;(s.removeAttribute("style"),"height"===t.message?(1e3&lt;(r=parseInt(t.value,10))?r=1e3:~~r&lt;200&amp;&amp;(r=200),s.height=r):"link"===t.message&amp;&amp;(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&amp;&amp;n.host===r.host&amp;&amp;l.activeElement===s&amp;&amp;(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&lt;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);
&lt;/script&gt;
</html></oembed>
