const os = require('os')
const launchBtn = document.querySelector('#launch-btn')
const launchText = document.querySelector("#launch-text")
const fullProgressBar = document.querySelector('#fullprogressbar')
const progressBar = document.querySelector('#progressbar')
const loadingMessage = document.querySelector('#loading-message')
const disconnectBtn = document.querySelector('#disconnect-btn')
const fullscreen = document.querySelector('#fullscreen')
const minMem = document.querySelector('#minMem')
const maxMem = document.querySelector('#maxMem')
const outputMinMem = document.querySelector('#outputMinMem')
const outputMaxMem = document.querySelector('#outputMaxMem')
const totalMem = os.totalmem() / (1.049 * Math.pow(10, 6))
const sidebar = document.querySelector("#sidebar-content")
const invalidateButton = document.querySelector("#invalidateData")
let gameLaunching = false

let selectedChapter = -1;

document.body.onload = () => {
    minMem.max = totalMem
    maxMem.max = totalMem
    minMem.value = localStorage.getItem("minMem") != null ? localStorage.getItem("minMem") : 1024 
    outputMinMem.textContent = minMem.value
    maxMem.value = localStorage.getItem("maxMem") != null ? localStorage.getItem("maxMem") : 2048
    outputMaxMem.textContent = maxMem.value
    demandModsInformations()
}

ipcRenderer.on("nick", (event, args) => {
    console.log(args)
    document.querySelector("#nick").innerHTML = args.name
})

launchBtn.addEventListener("click", e => {
    launchText.classList.add('hidden')
    fullProgressBar.classList.remove('hidden')
    loadingMessage.classList.remove('hidden')
    if(Number(minMem.value) <= Number(maxMem.value)){
        ipcRenderer.send('launch', {
            minMem: minMem.value + "M",
            maxMem: maxMem.value + "M",
            chapter: selectedChapter
        })
        launchBtn.disabled = true
        localStorage.setItem("minMem", minMem.value)
        localStorage.setItem("maxMem", maxMem.value)
        gameLaunching = true
    } else{
        ipcRenderer.send('notification', {
            title: "Erreur de lancement",
            body: "La mémoire minimale doit être inférieure ou égale à la mémoire maximale"
        })
    }
    
})

document.querySelector("#web").addEventListener("click", e => {
    shell.openExternal("https://altarik.fr")
})

document.querySelector("#options").addEventListener("click", e => {
    if(!gameLaunching)
        fullscreen.style.display = "block"
})

document.querySelector("#discord").addEventListener("click", e => {
    shell.openExternal("https://discord.gg/b923tMhmRE")
})

document.querySelector("#close").addEventListener("click", e => {
    fullscreen.style.display = "none"
});

invalidateButton.addEventListener("click", e => {
    invalidateButton.disabled = true
    invalidateButton.childNodes[0].nodeValue = "Opération en cours"
    ipcRenderer.send('invalidateData')
})

ipcRenderer.on("invalidated", e => {
    invalidateButton.disabled = false
    invalidateButton.childNodes[0].nodeValue = "Supprimer et retélécharger les bibliothèques"
})

ipcRenderer.on("progress", (e, args) => {
    progressBar.style.width = (args.task / Math.max(args.total, args.task)) * 100 + "%"
    loadingMessage.innerHTML = "Téléchargement de " + args.type + ": " + args.task + " sur " + Math.max(args.total, args.task)
})

ipcRenderer.on("close", (e, args) => {
    launchText.classList.remove('hidden')
    fullProgressBar.classList.add('hidden')
    loadingMessage.classList.add('hidden')
    loadingMessage.innerHTML = "Chargement de Minecraft en cours..."
    progressBar.style.width = "0"
    launchBtn.disabled = false
    gameLaunching = false
})

ipcRenderer.on('launch', (e, args) => {
    fullProgressBar.classList.add('hidden')
    loadingMessage.classList.add('hidden')
})

ipcRenderer.on("modsInformations", (e, args) => {
    if(args === null) {
        sidebar.innerHTML = "<hr><p>Une erreur est survenue lors de la récupération des informations, vérifiez votre connexion internet puis cliquez sur réessayez</p>"
        + "<button onclick=\"demandModsInformations()\">Réessayer</button>"
    } else {
        let element = ""
        for(const i in args) {
            element += `<hr><div data-chapter="${i}" onclick="changeSelectedChapter(this)"><h3>${args[i].title}</h3><p>${args[i].description}</p></div>`
        }
        sidebar.innerHTML = element
    }
})

function demandModsInformations() {
    ipcRenderer.send('demandModsInformations')
}

function changeSelectedChapter(element) {
    selectedChapter = Number(element.dataset.chapter)
    document.querySelectorAll("#sidebar-content > div").forEach((v, key) => {
        v.classList.remove("selected")
    })
    element.classList.add("selected")
    launchText.innerHTML = "JOUER"
    launchBtn.disabled = false
}

disconnectBtn.addEventListener('click', e => {
    ipcRenderer.send('disconnect')
})

minMem.addEventListener("input", e => {
    outputMinMem.textContent = e.target.value
})

maxMem.addEventListener("input", e => {
    outputMaxMem.textContent = e.target.value
})