window.electronAPI.updateProgress((_event, value) => {
    updateProgressStep(value);
});

window.electronAPI.updateFound((_event, value) => {
    toggleDownloadButton(true);
    updateLatestHeader(value.tag);
});

window.electronAPI.handleError((_event, value) => {
    let error = `
    <div class="titlebar">NCOS Companion</div>
    <div class="content">
        <h1 class="centered">An Error Occured</h1>
        <div class="row">
            <div class="col-12">
                <h4 class="centered">${value.label}</h4>
                <h4 class="centered">pleas report this to <a class="link" target="_blank" href="https://github.com/Vortex-Dynamics/NervUpdaterClient/issues">us</a></h4>
                <pre class="centered">${value.err}</pre>
            </div>
        </div>
    </div>
    `;

    document.querySelector("body").innerHTML = error;
});

function updateLatestHeader(version) {
    document.getElementById("latest").innerHTML = version;
}

function updateCurrentHeader(version) {
    document.getElementById("installed").innerHTML = version;
}

function updateProgressBar(progress){
    document.getElementById("progress-bar").style.width = progress + "%";
    document.getElementById("progress-label").textContent = progress + "%";
}

function updateProgressStep(step){
    document.getElementById("progress-step").textContent = step;
}

function toggleDownloadButton(shown){
    let button = document.getElementById("download");

    if (shown) {
        button.style.display = "block";
    } else {
        button.style.display = "none";
    }
}

function toggleDownloadDisplay(shown){

    if (shown) {
        document.getElementById("download-section").style.display = "block";
    } else {
        document.getElementById("download-section").style.display = "none";
    }
}