import QtQuick 2.4
import QtQuick.Controls 1.1
import QtQuick.Controls.Styles 1.3
import QtQuick.Dialogs 1.2
import QtQuick.Window 2.1

import org.freedesktop.gstreamer.GLVideoItem 1.0

ApplicationWindow {
    id: window
    visible: true
    width: 640
    height: 480
    x: 30
    y: 30
    color: "black"

    Item {
        anchors.fill: parent

        GstGLVideoItem {
            id: video
            objectName: "videoItem"
            anchors.centerIn: parent
            width: parent.width
            height: parent.height
        }

        Rectangle {
            color: "red"
            border.width: 1
            border.color: "white"
            anchors.bottom: video.bottom
            anchors.bottomMargin: 15
            anchors.horizontalCenter: parent.horizontalCenter
            width : parent.width - 100
            height: parent.height - 100
            radius: 8

            Button {
                id: button
                anchors.centerIn: parent
                text: "Play"
                onClicked: {
                  text = "Done"
                  console.log("clicked")

                    // if (video.playing) {
                    //     video.pause()
                    //     text = "Play"
                    // } else {
                    //     video.play()
                    //     text = "Pause"
                    // }
                }
            }
        }
    }
}