class PlaybackController {
    constructor () {
        this.div = document.getElementById('playerDiv');
        this.player = document.getElementById('audioPlayer');
        this.progressCanvas = document.getElementById
        this.playingCall = undefined;
        audioPlayer.addEventListener('ended', this.clipFinished);
    }

    pauseToggle () {
        if (audioPlayer.paused) {
            audioPlayer.play();
        } else {
            audioPlayer.pause();
        }
    }

    displayUpdate () {
        if (this.playingCall) {
            playbackProgressPlayedSeconds.innerText = audioPlayer.currentTime.toFixed(1);
            playbackProgressTotalSeconds.innerText = audioPlayer.duration.toFixed(1);
            playbackTimestamp.innerText = ptime(this.playingCall['start_time'] + audioPlayer.currentTime);
            playbackTalker.innerHTML = '<span style="color:' + talkerIdPlusSystemToColor(this.playingCall['talker_id'], this.playingCall['system']) + '">' + this.playingCall['talker_id'] + '</span>';
            playbackTalkgroup.innerText = this.playingCall['tg_name'];
            playbackTranscription.innerText = this.playingCall['transcription'];
            horizBarChart(playbackProgressBarCanvas, [audioPlayer.currentTime], audioPlayer.duration);
        }
    }

    playCall (group, tgId, callId) {
        const calls = abc.filteredCalls[group][tgId];
        let i;
        for (i=0; i<calls.length; i++) {
            if (calls[i]['uuid'] === callId) {
                break;
            }
        }
        console.log('Will play call at index ' + i);
        const call = calls[i];
        pbc.playingCall = call;
        currentPlayingGroup = group;
        currentPlayingTg = tgId;
        currentPlayingUuid = call['uuid'];
        audioPlayer.src = call['url'];
        audioPlayer.play();
        abc.updateHtml();
        clc.updateHtml(calls, group);
        let callEntry = document.getElementById('callListRow-' + call['uuid']);
        if (callEntry && autoscrollToPlaying) {
            callEntry.scrollIntoView({block: 'center', behavior: 'smooth'});
        }
    }

    clipFinished () {      
        pbc.playingCall = undefined;
        if (playNextInTg || playNextPressed) {
            playNextPressed = false;
            const calls = abc.filteredCalls[currentPlayingGroup][currentPlayingTg];

            let i = 0;
            for (i=0; i<calls.length; i++) {
                if (calls[i]['uuid'] === currentPlayingUuid) {
                    break;
                }
            }
            
            if (i < calls.length - 1) {
                console.log('idx: ' + i + ' currentUuid: ' + currentPlayingUuid + ' nextUuid: ' + calls[i + 1]['uuid'])
                pbc.playCall(currentPlayingGroup, currentPlayingTg, calls[i + 1]['uuid']);
            }
            
        }
    }

    playNextButtonPressed () {
        playNextPressed = true;
        pbc.clipFinished();
    }
}