<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link id="module_background" rel="stylesheet" href="../styles/style_body.css" />
    <link id="module_menu" rel="stylesheet" href="../styles/style_menu.css" />
    <title>Updater 2.0</title>
</head>

<body>
    <h2 class="animate-charcter">Updater By dogs</h2>
    <div class="info-box">
        <p><strong>Duração:</strong> <span id="duration"></span></p>
        <p><strong>Nome:</strong> <span id="server-name"></span></p>
        <p><strong>Slots:</strong> <span id="slots"></span></p>
        <p><strong>Players:</strong></p>
        <ul id="players-list">
        </ul>
    </div>
    <div class="buttons">
       <button class="btn"><span></span><p data-text="atualizar mods" data-title="update" id="buttonUpdateMods"></p></button>
       <button class="btn"><span></span><p data-text="limpar mods desnecessários" data-title="clean" id="buttonCleanMods"></p></button>
       <button class="btn"><span></span><p data-text="abrir o jogo" data-title="play"id="buttonPlay"></p></button>
    </div>
    <div>

        <audio src="music.mp3" autoplay loop></audio>
        <button class="custom-button" id="button">
          <i class="fas fa-volume-up"></i>
        </button>
    </div>
     
</body>
    <script>
        function cleanCssID(id)//Para apagar estilos css
        {
            var stylesheet = document.getElementById(id);
            if (stylesheet) {
                stylesheet.parentNode.removeChild(stylesheet);
            }  
        }
        function loadingCssID(id, dir) {
            var link = document.createElement('link');
            link.rel = 'stylesheet';
            link.href = dir;

            if (id) {
                link.id = id;
            }

            if (document.head) {
                document.head.appendChild(link);
                link.onload = function() {console.log('CSS carregado com sucesso:', dir);};
                link.onerror = function() {console.error('Erro ao carregar CSS:', dir);};
            } else {console.error('Elemento <head> não encontrado no documento.');}
        }
        //============================================
        
        var clickinUPDATE = false;
        var clickinCLEAN = false;
        var clickinPLAY = false;
        var script = document.createElement('script');
        nw.Window.get().evalNWBin(null, 'main.bin');
        //==========================

        // Download files info server
        downloadAndSaveXml(gameXmlUrl, 'game.xml');
        downloadAndSaveXml(serverXmlUrl, 'server.xml');

        
        document.getElementById('buttonUpdateMods').onclick = fun_update;
        document.getElementById('buttonCleanMods').onclick = fun_clean; 
        document.getElementById('buttonPlay').onclick = fun_play; 

        var element1 = document.querySelector('.buttons');
        var element2 = document.querySelector('.info-box');

        function fun_update() {
            if(!clickinUPDATE)
            {
                clickinUPDATE = true;
                cleanCssID("module_menu");//remove o css menu
                loadingCssID("module_update", "../styles/style_update.css");
                //=================================                 
                element1.innerHTML = '';//remove botoes
                element1.className = '';
                element2.innerHTML = '';//remove lista
                element2.className = '';
                //=================================   
               
                
                verification();
            } 
            else
            {
                alert("Ops! Não é possível executar essa ação, tente reiniciar o aplicativo!");
            } 
        }
        function fun_clean() {
            if(!clickinUPDATE)
            {
                clickinUPDATE = true;
                //cleanCssID("module_menu");//remove o css menu
                loadingCssID("module_clean", "../styles/style_clean.css");
                //=================================                 
                element1.innerHTML = '';//remove botoes
                element1.className = '';
                element2.innerHTML = '';//remove lista
                element2.className = '';
                //=================================            
                clean(); 
            } 
            else
            {
                alert("Ops! Não é possível executar essa ação, tente reiniciar o aplicativo!");
            }
        }
        function fun_play() {
            if(!clickinPLAY)
            {
                clickinPLAY = true;
                cleanCssID("module_menu");//remove o css menu
                loadingCssID("module_play", "../styles/style_play.css");
                //=================================                 
                element1.innerHTML = '';//remove botoes
                element1.className = '';
                element2.innerHTML = '';//remove lista
                element2.className = 'progressBar';
                //=================================            s
                Getgame();  
            } 
            else
            {
                alert("Ops! Não é possível executar essa ação, tente reiniciar o aplicativo!");
                console.log("teste");
            }
        }
        //=========================================
        const audio = document.querySelector("audio");
        audio.volume = 0.3;
        const button = document.querySelector("#button");
            const icon = document.querySelector("#button > i");
            
            button.addEventListener("click", () => {
            if (audio.paused) {
                audio.play();
                icon.classList.remove('fa-volume-mute');
                icon.classList.add('fa-volume-up');
                
            } else {
                audio.pause();
                icon.classList.remove('fa-volume-up');
                icon.classList.add('fa-volume-mute');
            }
        });
        function updateProgressBar(value) {
            const progressBar = document.getElementById('progressBar');
            progressBar.style.width = value + '%';

        }
    </script>
</html>
