import QtQuick 6.8
import QtMultimedia 6.8
import QtQuick.Controls 6.8
import QtQuick.Layouts 6.8

import QYRComponents 1.0

Rectangle {
    visible: Player.hasVideo
    color: Colors.surface1

    width: childrenRect.width
    height: childrenRect.height

    ColumnLayout {
        anchors.fill: parent

        RowLayout {
            Button {
                text: Player.playing ? "Pause" : "Play"
                onClicked: function() {
                    if (Player.playing) {
                        Player.pause()
                    } else {
                        Player.play();
                    }
                }
            }

            Button {
                text: "Stop"
                onClicked: Player.stop()
            }

            Slider {
                Layout.fillWidth: true
                from: 0
                to: 106
            }

            Slider {
                from: 0
                to: 1
                value: Player.volume
                onMoved: Player.volume = value
            }
        }
    }
}