if (document.querySelector("#countdown")) {


    addEventListener("DOMContentLoaded", (event) => {

        function formatTime(units, label) {
            return units === 1 ? `1 ${label}` : `${units}${label}`;
        }

        function updateCountdown(start, end) {
            const startDate = new Date(start);
            const endDate = new Date(end);
            const timeDifference = endDate - new Date();

            if (timeDifference <= 0) {
                if (document.querySelector(".resmsg")) {
                    document.querySelector(".resmsg").classList.remove("d-none");

                }


                clearInterval(countdownInterval);
                document.getElementById("countdown").innerText = "Resultados disponíveis";
                let btn_desativados = document.querySelectorAll(".desativado");

                btn_desativados.forEach(e => {
                    e.classList.remove('desativado');
                });



                return;
            }
            else {
                if (document.querySelector(".area-prelargada")) {
                    document.querySelector(".area-prelargada").classList.remove("d-none")
                }

            }
            const seconds = Math.floor((timeDifference / 1000) % 60);
            const minutes = Math.floor((timeDifference / 1000 / 60) % 60);
            const hours = Math.floor((timeDifference / (1000 * 60 * 60)) % 24);
            const days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
            const months = Math.floor(days / 30);

            if (months === 0 && days === 0 && hours === 0 && minutes === 0 && seconds === 0) {
                clearInterval(countdownInterval);
                document.getElementById("countdown").innerText = "Prova liberada";
                document.getElementById("startButton").disabled = false;
            } else {
                let remainingTime = "";

                if (months >= 1) {
                    remainingTime += formatTime(months, "mes") + ", ";
                    if (days > 0) {
                        remainingTime += formatTime(days % 30, " dias ") + ", ";
                    }
                } else if (days > 0) {
                    remainingTime += formatTime(days, " dias") + " ";
                }

                remainingTime += formatTime(hours, "hr") + ":";
                remainingTime += formatTime(minutes, "mt") + ":";
                remainingTime += formatTime(seconds, "sg");

                document.getElementById("countdown").innerHTML = `<span style="color:green;">Largada</span> em ${remainingTime}`;
            }
        }


        function startCountdown() {


            let startTime = document.querySelector(".horarioinicial").getAttribute("data-horainicio");
            let endTime = document.querySelector(".horariofinal").getAttribute("data-horafim");

            console.log(startTime + " " + endTime)
            // Atualiza o contador
            countdownInterval = setInterval(() => {
                updateCountdown(startTime, endTime);
            }, 1000);

            updateCountdown(startTime, endTime);

        }

        window.onload = startCountdown;
    });
}