import QtQuick 2.15
import QtQuick.Controls 2.15 as Controls
import QtQuick.Layouts 1.2
import QtMultimedia 5.15
/* import QtAudioEngine 1.15 */
import QtGraphicalEffects 1.15
import org.kde.kirigami 2.13 as Kirigami
import "./" as Presenter
import mpv 1.0

Item {
    id: root

    // Let's make this slide editable
    property bool editMode: false

    // These properties are for the slides visuals
    property real textSize: 50
    property bool dropShadow: false
    property url imageSource
    property url videoSource
    property url audioSource
    property int pdfIndex
    property string chosenFont: "Quicksand"
    property string text: "This is demo text"
    property string audioError
    property color backgroundColor
    property var hTextAlignment: Text.AlignHCenter
    property var vTextAlignment: Text.AlignVCenter

    //these properties are for giving video info to parents
    property int mpvPosition: mpv.position
    property int mpvDuration: mpv.duration
    property var mpvLoop: mpv.loop
    property bool mpvIsPlaying: mpv.isPlaying

    // These properties help to determine the state of the slide
    property string itemType
    property bool preview: false

    implicitWidth: 1920
    implicitHeight: 1080

    Rectangle {
        id: basePrColor
        anchors.fill: parent
        color: "black"

        MpvObject {
            id: mpv
	    /* objectName: "mpv" */
            anchors.fill: parent
            useHwdec: true
            enableAudio: !preview
            Component.onCompleted: mpvLoadingTimer.start()
            onFileLoaded: {
                /* showPassiveNotification(videoSource + " has been loaded"); */
                if (itemType == "song")
                    mpv.setProperty("loop", "inf");
                else
                    mpv.setProperty("loop", "no");
                /* showPassiveNotification(mpv.getProperty("loop")); */
            }
            /* onIsPlayingChanged: showPassiveNotification(mpv.getProperty("pause")) */

            MouseArea {
                id: playArea
                anchors.fill: parent
                enabled: editMode
                /* onPressed: mpv.playPause(); */
                cursorShape: preview ? Qt.ArrowCursor : Qt.BlankCursor
            }
        }

        Timer {
            id: mpvLoadingTimer
            interval: 100
            onTriggered: {
                /* showPassiveNotification("YIPPEEE!") */
                mpv.loadFile(videoSource.toString());
                if (editMode) {
                    print("WHY AREN'T YOU PASUING!");
                    pauseTimer.restart();
                }
                blackTimer.restart();
            }
        }

        Timer {
            id: pauseTimer
            interval: 300
            onTriggered: mpv.pause()
        }

        Timer {
            id: blackTimer
            interval: 400
            onTriggered: {
                black.visible = false;
            }
        }

        Rectangle {
            id: black
            color: "Black"
            anchors.fill: parent
            visible: false
        }

        MpvObject {
            id: audio
            useHwdec: true
            enableAudio: true
            // embeded mpv allows to set commandline propertys using the options/<name>
            // syntax. This could be abstracted later, but for now this works.
            Component.onCompleted: audio.setProperty("options/audio-display", "no");
        }

        Image {
            id: backgroundImage
            anchors.fill: parent
            source: imageSource
            fillMode: itemType == "song" ? Image.PreserveAspectCrop : Image.PreserveAspectFit
            clip: true
            visible: true
            currentFrame: pdfIndex
        }

        FastBlur {
            id: imageBlue
            anchors.fill: parent
            source: imageSource === "" ? mpv : backgroundImage
            radius: blurRadius

            Controls.Label {
                id: lyrics
                text: root.text
                /* text: root.width / textSize */
                font.pixelSize: root.width / 1000 * root.textSize 
                /* minimumPointSize: 5 */
                fontSizeMode: Text.Fit
                font.family: chosenFont
                horizontalAlignment: hTextAlignment
                verticalAlignment: vTextAlignment
                style: Text.Raised
                wrapMode: Text.WordWrap
                anchors.fill: parent
                anchors.topMargin: 10
                anchors.bottomMargin: 10
                anchors.leftMargin: 10
                anchors.rightMargin: 10
                clip: true

                layer.enabled: true
                layer.effect: DropShadow {
                    horizontalOffset: 5
                    verticalOffset: 5
                    radius: 11.0
                    samples: 24
                    color: "#80000000"
                }
            }
        }
    }

    function changeText(text) {
        lyrics.text = text
    }

    function loopVideo() {
        if (mpv.getProperty("loop") === "inf") {
            showPassiveNotification("already looping");
            mpv.setProperty("loop", "no");
        }
        else {
            mpv.setProperty("loop", "inf");
            showPassiveNotification("looping video");
        }
    }

    function loadVideo() {
        mpvLoadingTimer.restart()
    }

    function playAudio() {
        showPassiveNotification("Audio should change");
        audio.loadFile(audioSource.toString());
    }

    function stopAudio() {
        audio.stop();
    }

    function stopVideo() {
        mpv.stop();
        black.visible = true;
        print("Stopped video");
    }

    function seek(pos) {
        mpv.seek(pos);
    }

    function quitMpv() {
        mpv.quit();
    }

    function pauseVideo() {
        mpv.pause();
    }

    function playPauseVideo() {
        mpv.playPause();
    }

    function playVideo() {
        mpv.play();
    }
}