document.addEventListener('DOMContentLoaded', function() {
    let resultWrapper = document.querySelector(".spin-result-wrapper");
    let wheel = document.querySelector(".wheel-img");
    let spinWrapper = document.querySelector(".spin-wrapper");
    let spinResultWrapper = document.querySelector(".spin-result-wrapper");
    let orderBlock = document.querySelector(".order_block");
    let cursor = document.querySelector(".cursor-text");

    function spin() {
        if (wheel.classList.contains("rotated")) {
            resultWrapper.style.display = "block";
        } else {
            wheel.classList.add("super-rotation");
            setTimeout(function() {
                resultWrapper.style.display = "block";
            }, 8000);
            setTimeout(function() {
                spinWrapper.style.display = 'none';
                orderBlock.style.display = 'block';
                start_timer();
            }, 10000);
            wheel.classList.add("rotated");
        }
    }

    let time = 600;
    let intr;

    function start_timer() {
        intr = setInterval(tick, 1000);
    }

    function tick() {
        time = time - 1;
        let mins = Math.floor(time / 60);
        let secs = time - mins * 60;
        if (mins == 0 && secs == 0) {
            clearInterval(intr);
        }
        secs = secs >= 10 ? secs : "0" + secs;
        document.querySelector('#min').innerHTML = '0' + mins;
        document.querySelector('#sec').innerHTML = secs;
    }

    cursor.addEventListener('click', spin);

    document.querySelectorAll(".closed").forEach(function(btn) {
        btn.addEventListener('click', function(e) {
            e.preventDefault();
            spinResultWrapper.style.display = 'none';
            document.querySelector('.toform').scrollIntoView({ behavior: 'smooth', block: 'start' });
        })
    })
});