const controls = document.getElementsByClassName('ctrl')

for (let item of controls) {
    item.addEventListener("click", function () {
        let func = this.dataset.name;
        window[func]()
    })
}

// event listeners
volume.addEventListener("input", () => updateVolume());
progress.addEventListener("input", dragBar);
progress.addEventListener("mouseup", dragBarEnd);
progress.addEventListener("touchend", dragBarEnd);
progress.addEventListener("click", dragBarEnd);
progress.addEventListener("mousedown", dragBarStart);
ptoggle.addEventListener("click", btnpp);
ptoggle.addEventListener("dblclick", btnfull);
player.addEventListener("fullscreenchange", updateFullscreen)

let playerData = {
    octopusInstance: undefined
}

function cleanupVideo() { // cleans up objects, attemps to clear as much video caching as possible
    if (playerData.octopusInstance) {
        playerData.octopusInstance.dispose()
    }
    if (playerData.fonts) {
        playerData.fonts.forEach(file => {
            URL.revokeObjectURL(file)
        })
    }
    if (dl.href) {
        URL.revokeObjectURL(dl.href)
    }

    dl.setAttribute("disabled", "")
    dl.onclick = null
    if (typeof video !== 'undefined' && typeof client !== 'undefined') {
        video.pause()
        video.src = "";
        video.load()
        delete video
        video.remove()
        if (client.torrents[0] && client.torrents[0].files.length > 1) {
            client.torrents[0].files.forEach(file => {
                file.deselect()
            });
            client.torrents[0].deselect(0, client.torrents[0].pieces.length - 1, false);
            // console.log(videoFiles.filter(file => `${scope}webtorrent/${client.torrents[0].infoHash}/${encodeURI(file.path)}` == video.src))
            // look for file and delete its store
        }
    }
    playerData = {
        tracks: [],
        headers: undefined,
        selectedHeader: undefined,
        styles: undefined,
        subtitles: [],
        subtitleStream: undefined,
        octopusInstance: undefined,
        fonts: [],
        nowPlaying: undefined,
        watched: undefined,
        thumbnails: []
    }
    nowPlayingDisplay.textContent = ""
    onProgress = undefined;
    navNowPlaying.classList.add("d-none")
}
async function buildVideo(file, nowPlaying) {
    video = document.createElement("video")
    if (!settings.player7 || !'pictureInPictureEnabled' in document) {
        video.setAttribute("disablePictureInPicture", "")
        bpip.setAttribute("disabled", "")
    } else {
        bpip.removeAttribute("disabled")
        video.addEventListener("enterpictureinpicture", () => {
            if (playerData.octopusInstance)
                btnpip()
        })
    }
    video.src = `${scope}webtorrent/${client.torrents[0].infoHash}/${encodeURI(file.path)}`
    video.id = "video"
    video.setAttribute("preload", "none")
    video.volume = volume.value / 100
    video.style.setProperty("--sub-font", settings.subtitle1);
    video.addEventListener("playing", resetBuffer);
    video.addEventListener("canplay", resetBuffer);
    video.addEventListener("loadeddata", initThumbnail);
    video.addEventListener("loadedmetadata", updateDisplay);
    video.addEventListener("ended", autoNext);
    video.addEventListener("waiting", isBuffering);
    video.addEventListener("timeupdate", updateDisplay);
    video.addEventListener("timeupdate", updatePositionState);
    video.addEventListener("timeupdate", checkCompletion);
    player.prepend(video);
    video.load();
    playVideo();
    // file.on("done", () => { console.log("test") }) // this currently wont work, idk how to remove old listeners
    onProgress = function () {
        if (document.location.hash == "#player" && typeof video !== 'undefined') {
            if (!player.classList.contains('immersed')) {
                player.style.setProperty("--download", file.progress * 100 + "%");
                peers.textContent = client.torrents[0].numPeers
                downSpeed.textContent = prettyBytes(client.torrents[0].downloadSpeed) + '/s'
                upSpeed.textContent = prettyBytes(client.torrents[0].uploadSpeed) + '/s'
            }
            if (file.progress == 1 && !playerData.done) {
                playerData.done = 1
                halfmoon.initStickyAlert({
                    content: `<span class="text-break">${file.name}</span> has finished downloading. Now seeding.`,
                    title: "Download Complete",
                    alertType: "alert-success",
                    fillType: ""
                });
                if (settings.player8) {
                    if (!settings.torrent5) {
                        finishThumbnails(file);
                    }
                    postDownload(file)
                }
                if (!settings.torrent5) {
                    downloadFile(file)
                }
            }
        }
        setTimeout(onProgress, 100)
    }

    setTimeout(onProgress, 100)
    if (nowPlaying && nowPlaying[0]) {
        playerData.nowPlaying = nowPlaying
        navNowPlaying.classList.remove("d-none")
    } else if (settings.torrent7) {
        let regexParse = nameParseRegex.simple.exec(file.name)
        playerData.nowPlaying = [await resolveName(regexParse[2], "SearchAnySingle"), regexParse[4]]
        navNowPlaying.classList.remove("d-none")
        console.log(regexParse)
    }
    if (playerData.nowPlaying && playerData.nowPlaying[0] && playerData.nowPlaying[0].episodes && parseInt(playerData.nowPlaying[1]) >= playerData.nowPlaying[0].episodes) {
        bnext.setAttribute("disabled", "")
    } else {
        bnext.removeAttribute("disabled")
    }
    if (playerData.nowPlaying && playerData.nowPlaying[0] && playerData.nowPlaying[0].streamingEpisodes.length >= parseInt(playerData.nowPlaying[1])) {
        nowPlayingDisplay.textContent = `EP ${parseInt(playerData.nowPlaying[1])}${(playerData.nowPlaying[0].streamingEpisodes.length >= parseInt(playerData.nowPlaying[1])) ? " - " + episodeRx.exec(playerData.nowPlaying[0].streamingEpisodes.filter(episode => episodeRx.exec(episode.title)[1] == parseInt(playerData.nowPlaying[1]))[0].title)[2] : ""}`
    } else if (playerData.nowPlaying && playerData.nowPlaying[1]) {
        nowPlayingDisplay.textContent = `EP ${parseInt(playerData.nowPlaying[1])}`
    }
    if ('mediaSession' in navigator && playerData.nowPlaying && playerData.nowPlaying[0]) {
        navigator.mediaSession.metadata = new MediaMetadata({
            title: playerData.nowPlaying[0].title.userPreferred,
            artist: "Episode " + parseInt(playerData.nowPlaying[1]) + (playerData.nowPlaying[0].streamingEpisodes.length >= parseInt(playerData.nowPlaying[1]) ? " - " + episodeRx.exec(playerData.nowPlaying[0].streamingEpisodes.filter(episode => episodeRx.exec(episode.title)[1] == parseInt(playerData.nowPlaying[1]))[0].title)[2] : ""),
            album: "Miru",
            artwork: [
                {
                    src: playerData.nowPlaying[0].streamingEpisodes.length >= parseInt(playerData.nowPlaying[1]) ? playerData.nowPlaying[0].streamingEpisodes.filter(episode => episodeRx.exec(episode.title)[1] == parseInt(playerData.nowPlaying[1]))[0].thumbnail : playerData.nowPlaying[0].coverImage.medium,
                    sizes: '128x128',
                    type: 'image/png'
                }
            ]
        });
    }
}
// download progress and status
let onProgress

// visibility loss
document.addEventListener("visibilitychange", () => {
    if (settings.player10)
        document.visibilityState === "hidden" ? video.pause() : playVideo();
})

// progress bar and display

function updateDisplay() {
    if (typeof video !== 'undefined') {
        let progressPercent = (video.currentTime / video.duration * 100)
        let bufferPercent = video.buffered.length == 0 ? 0 : video.buffered.end(video.buffered.length - 1) / video.duration * 100
        progress.style.setProperty("--buffer", bufferPercent + "%");
        updateBar(progressPercent || progress.value / 10);
        createThumbnail(video);
    }
}

function dragBar() {
    updateBar(progress.value / 10)
    if (typeof video !== 'undefined') {
        video.pause()
        let bg = playerData.thumbnails[Math.floor(currentTime / 5)]
        thumb.src = bg || " "
    }
}

function dragBarEnd() {
    if (typeof video !== 'undefined') {
        video.currentTime = currentTime || 0
        playVideo()
    }
}

async function dragBarStart() {
    if (typeof video !== 'undefined') {
        await video.pause()
    }
    updateBar(progress.value / 10)
}

let currentTime = 0;
function updateBar(progressPercent) {
    if (document.location.hash == "#player" && !player.classList.contains('immersed')) {
        progress.style.setProperty("--progress", progressPercent + "%");
        thumb.style.setProperty("--progress", progressPercent + "%");
        if (typeof video !== 'undefined') {
            currentTime = video.duration * progressPercent / 100
            elapsed.innerHTML = toTS(currentTime);
            remaining.innerHTML = toTS(video.duration - currentTime);
            progress.value = progressPercent * 10
            progress.setAttribute("data-ts", toTS(currentTime))
        }
    }
}

// dynamic thumbnails 
let canvas = document.createElement("canvas")
let context = canvas.getContext('2d')
let h

function initThumbnail() {
    if (settings.player5) {
        h = parseInt(150 / (video.videoWidth / video.videoHeight))
        canvas.width = 150;
        canvas.height = h;
        thumb.style.setProperty("--height", h + "px");
    }
}

function createThumbnail(vid) {
    if (settings.player5 && vid.readyState >= 2) {
        let index = Math.floor(vid.currentTime / 5)
        if (!playerData.thumbnails[index] && h) {
            context.fillRect(0, 0, 150, h);
            context.drawImage(vid, 0, 0, 150, h);
            playerData.thumbnails[index] = canvas.toDataURL("image/jpeg")
        }
    }
}

function finishThumbnails(file) {
    if (settings.player5 && settings.player8) {
        let thumbVid = document.createElement("video"),
            index = 0
        thumbVid.src = file.getBlobURL((err, url) => {
            thumbVid.src = url
        })

        thumbVid.addEventListener('loadeddata', () => {
            loadTime();
        })

        thumbVid.addEventListener('seeked', () => {
            createThumbnail(thumbVid);
            loadTime();
        })

        function loadTime() {
            while (playerData.thumbnails[index] && index <= Math.floor(thumbVid.duration / 5)) {
                index++
            }
            if (thumbVid.currentTime != thumbVid.duration) {
                thumbVid.currentTime = index * 5
            } else {
                URL.revokeObjectURL(thumbVid.src)
                delete thumbVid;
                thumbVid.remove()
            }
            index++
        }
    }
}

//file download
function downloadFile(file) {
    dl.removeAttribute("disabled")
    dl.onclick = async (e) => {
        file.getBlobURL((err, url) => {
            let a = document.createElement('a');
            a.download = file.name;
            a.href = url;
            document.body.appendChild(a);
            a.click(e);
            delete a
            a.remove();
            window.URL.revokeObjectURL(url);
        })
    }
}

// bufering spinner

let buffer;
function resetBuffer() {
    if (buffer) {
        clearTimeout(buffer)
        buffer = undefined
        buffering.classList.add('hidden')
    }
}

function isBuffering() {
    buffer = setTimeout(displayBuffer, 150)
}

function displayBuffer() {
    buffering.classList.remove('hidden')
    resetTimer()
}

// immerse timeout
let immerseTime;

document.onmousemove = resetTimer;
document.onkeypress = resetTimer;
function immersePlayer() {
    player.classList.add('immersed')
}

function resetTimer() {
    clearTimeout(immerseTime);
    player.classList.remove('immersed')
    immerseTime = setTimeout(immersePlayer, parseInt(settings.player2) * 1000)
}

function toTS(sec) {
    if (Number.isNaN(sec) || sec < 0) {
        return "00:00";
    }

    let hours = Math.floor(sec / 3600);
    let minutes = Math.floor((sec - (hours * 3600)) / 60);
    let seconds = Math.floor(sec - (hours * 3600) - (minutes * 60));

    if (minutes < 10) {
        minutes = `0${minutes}`;
    }

    if (seconds < 10) {
        seconds = `0${seconds}`;
    }

    if (hours > 0) {
        return `${hours}:${minutes}:${seconds}`;
    } else {
        return `${minutes}:${seconds}`;
    }
    // return new Date(sec*1000).toISOString().slice(12, -1).slice(0, -4).replace(/^0:/,"")
}

// play/pause button
async function playVideo() {
    try {
        await video.play();
        bpp.innerHTML = "pause";
    } catch (err) {
        bpp.innerHTML = "play_arrow";
    }
}

function btnpp() {
    if (typeof video !== 'undefined') {
        if (video.paused) {
            playVideo();
        } else {
            bpp.innerHTML = "play_arrow";
            video.pause();
        }
    }
}
let nextCooldown
function btnnext() {
    clearTimeout(nextCooldown)
    nextCooldown = setTimeout(() => {
        let currentFile = videoFiles.filter(file => `${window.location.origin}${scope}webtorrent/${client.torrents[0].infoHash}/${encodeURI(file.path)}` == video.src)[0]
        if (videoFiles.length > 1 && videoFiles.indexOf(currentFile) < videoFiles.length - 1) {
            let fileIndex = videoFiles.indexOf(currentFile) + 1,
                nowPlaying = [playerData.nowPlaying[0], parseInt(playerData.nowPlaying[1]) + 1]
            cleanupVideo()
            buildVideo(videoFiles[fileIndex], nowPlaying)
        } else {
            if (playerData.nowPlaying[0]) {
                nyaaSearch(playerData.nowPlaying[0], parseInt(playerData.nowPlaying[1]) + 1)
            } else {
                halfmoon.initStickyAlert({
                    content: `Couldn't find anime name! Try specifying a torrent manually.`,
                    title: "Search Failed",
                    alertType: "alert-danger",
                    fillType: ""
                })
            }
        }
    }, 200)
}
function autoNext() {
    settings.player6 ? btnnext() : ""
}
// volume shit

let oldlevel;

function btnmute() {
    if (typeof video !== 'undefined') {
        if (video.volume == 0) {
            updateVolume(oldlevel)
        } else {
            oldlevel = video.volume * 100
            updateVolume(0)
        }
    }
}


function updateVolume(a) {
    let level
    if (a == null || a == NaN) {
        level = volume.value;
    } else {
        level = a;
        volume.value = a;
    }
    volume.style.setProperty("--volume-level", level + "%");
    bmute.innerHTML = (level == 0) ? "volume_off" : "volume_up";
    if (typeof video !== 'undefined') {
        video.volume = level / 100
    }
}
updateVolume(parseInt(settings.player1))


// PiP

async function btnpip() {
    if (typeof video !== 'undefined') {
        if (!playerData.octopusInstance) {
            video !== document.pictureInPictureElement ? await video.requestPictureInPicture() : await document.exitPictureInPicture();
        } else {
            if (document.pictureInPictureElement && !document.pictureInPictureElement.id) {
                await document.exitPictureInPicture()
            } else {
                let canvas = document.createElement("canvas"),
                    subtitleCanvas = document.querySelector(".libassjs-canvas"),
                    canvasVideo = document.createElement("video"),
                    context = canvas.getContext("2d", { alpha: false }),
                    running = true
                canvas.width = subtitleCanvas.width
                canvas.height = subtitleCanvas.height

                function renderFrame() {
                    if (running) {
                        context.drawImage(video, 0, 0, canvas.width, canvas.height)
                        context.drawImage(subtitleCanvas, 0, 0)
                        window.requestAnimationFrame(renderFrame)
                    }
                }
                canvasVideo.srcObject = canvas.captureStream()
                canvasVideo.onloadedmetadata = async () => {
                    canvasVideo.play()
                    await canvasVideo.requestPictureInPicture().then(
                        player.classList.add("pip")
                    ).catch(e => {
                        console.warn("Failed To Burn In Subtitles" + e)
                        running = false
                        canvasVideo.remove()
                        canvas.remove()
                        player.classList.remove("pip")
                    })
                }
                canvasVideo.onleavepictureinpicture = () => {
                    running = false
                    canvasVideo.remove()
                    canvas.remove()
                    player.classList.remove("pip")
                }
                window.requestAnimationFrame(renderFrame)
            }
        }
    }
}
//miniplayer
if (!settings.player4) {
    player.style.setProperty("--miniplayer-display", "none");
}
// theathe mode

function btntheatre() {
    pageWrapper.classList.toggle("nav-hidden")
}

// fullscreen

function btnfull() {
    document.fullscreenElement ? document.exitFullscreen() : player.requestFullscreen();
}
function updateFullscreen() {
    document.fullscreenElement ? bfull.innerHTML = "fullscreen_exit" : bfull.innerHTML = "fullscreen"
}

//seeking and skipping

function seek(a) {
    if (a == 85 && video.currentTime < 10) {
        video.currentTime = 90
    } else if (a == 85 && (video.duration - video.currentTime) < 90) {
        video.currentTime = video.duration
    } else {
        video.currentTime += a;
    }
    updateDisplay()
}
// subtitles, generates content every single time its opened because fuck knows when the parser will find new shit

let off
function btncap() {
    if (video.textTracks.length) {
        let frag = document.createDocumentFragment()
        off = document.createElement("a")
        off.classList.add("dropdown-item", "pointer", "text-white")
        off.innerHTML = "OFF"
        off.onclick = () => {
            selectLang("OFF")
        }
        frag.appendChild(off)

        for (let track of video.textTracks) {
            let template = document.createElement("a")
            template.classList.add("dropdown-item", "pointer", "text-capitalize")
            template.innerHTML = track.language || (!Object.values(video.textTracks).some(track => track.language == "eng" || track.language == "en") ? "eng" : track.label)
            if (track.mode == "showing") {
                template.classList.add("text-white")
                off.classList.add("text-muted")
                off.classList.remove("text-white")
            } else {
                template.classList.add("text-muted")
            }
            template.onclick = () => {
                selectLang(track.language)
            }
            frag.appendChild(template)
        }

        subMenu.textContent = '';
        subMenu.appendChild(frag)
    } else if (playerData.headers) {
        let frag = document.createDocumentFragment()
        off = document.createElement("a")
        off.classList.add("dropdown-item", "pointer")
        playerData.selectedHeader ? off.classList.add("text-muted") : off.classList.add("text-white")
        off.innerHTML = "OFF"
        off.onclick = () => {
            renderSubs.call(null)
            playerData.selectedHeader = undefined
            btncap()
        }
        frag.appendChild(off)
        for (let track of playerData.headers) {
            if (track) {
                let template = document.createElement("a")
                template.classList.add("dropdown-item", "pointer", "text-capitalize")
                template.innerHTML = track.language || (!Object.values(playerData.headers).some(header => header.language == "eng" || header.language == "en") ? "eng" : header.type)
                if (playerData.selectedHeader == track.number) {
                    template.classList.add("text-white")
                } else {
                    template.classList.add("text-muted")
                }
                template.onclick = () => {
                    renderSubs.call(null, track.number)
                    playerData.selectedHeader = track.number
                    btncap()
                }
                frag.appendChild(template)
            }
        }
        subMenu.textContent = '';
        subMenu.appendChild(frag)
    }
}
function selectLang(lang) {
    for (let track of video.textTracks) {
        if (track.language == lang) {
            track.mode = 'showing';
        }
        else {
            track.mode = 'hidden';
        }
    }
    btncap()
}
//playlist

function btnpl() {
    let frag = document.createDocumentFragment()
    videoFiles.forEach((file, index) => {
        let template = document.createElement("a")
        template.classList.add("dropdown-item", "pointer", "text-capitalize", "text-truncate", "text-white")
        let regexParse = nameParseRegex.fallback.exec(file.name)
        template.innerHTML = playerData.nowPlaying[0] ? playerData.nowPlaying[0].title.userPreferred + " - " + parseInt(regexParse[3]) : regexParse[2] + parseInt(regexParse[3])
        template.onclick = () => {
            cleanupVideo()
            buildVideo(file, [playerData.nowPlaying ? playerData.nowPlaying[0] : undefined, parseInt(regexParse[3])])
            btnpl()
        }
        frag.appendChild(template)
    })
    playlistMenu.textContent = '';
    playlistMenu.appendChild(frag)
}

// keybinds

document.onkeydown = (a) => {
    if (a.key == "F5") {
        a.preventDefault();
    }
    if (document.location.hash == "#player") {
        switch (a.key) {
            case " ":
                btnpp();
                break;
            case "n":
                btnnext();
                break;
            case "m":
                btnmute();
                break;
            case "p":
                btnpip();
                break;
            case "t":
                btntheatre();
                break;
            case "c":
                btncap();
                break;
            case "f":
                btnfull();
                break;
            case "s":
                seek(85);
                break;
            case "ArrowLeft":
                seek(-parseInt(settings.player3));
                break;
            case "ArrowRight":
                seek(parseInt(settings.player3));
                break;
            case "ArrowUp":
                updateVolume(parseInt(volume.value) + 5)
                break;
            case "ArrowDown":
                updateVolume(parseInt(volume.value) - 5)
                break;
            case "Escape":
                document.location.hash = "#browse"
                break;
        }
    }
}

function updatePositionState() {
    if ('setPositionState' in navigator.mediaSession && typeof video !== 'undefined' && video.duration) {
        navigator.mediaSession.setPositionState({
            duration: video.duration || 0,
            playbackRate: video.playbackRate || 0,
            position: video.currentTime || 0
        });
    }
}

if ('mediaSession' in navigator) {
    navigator.mediaSession.setActionHandler('play', btnpp);
    navigator.mediaSession.setActionHandler('pause', btnpp);
    navigator.mediaSession.setActionHandler('seekbackward', () => {
        seek(-parseInt(settings.player3));
    });
    navigator.mediaSession.setActionHandler('seekforward', () => {
        seek(parseInt(settings.player3));
    });
    navigator.mediaSession.setActionHandler('nexttrack', btnnext);
}

//AL entry auto add
function checkCompletion() {
    if (!playerData.watched && typeof video !== 'undefined' && video.duration - 180 < video.currentTime && playerData.nowPlaying && playerData.nowPlaying[0]) {
        if (settings.other2) {
            alEntry()
        } else {
            halfmoon.initStickyAlert({
                content: `Do You Want To Mark <br><b>${playerData.nowPlaying[0].title.userPreferred}</b><br>Episode ${playerData.nowPlaying[1]} As Completed?<br>
                <button class="btn btn-sm btn-square btn-success mt-5" onclick="alEntry()" data-dismiss="alert" type="button" aria-label="Close">✓</button>
                <button class="btn btn-sm btn-square mt-5" data-dismiss="alert" type="button" aria-label="Close"><span aria-hidden="true">X</span></button>`,
                title: "Episode Complete",
                timeShown: 180000
            })
        }
        playerData.watched = true
    }
}
cleanupVideo()