import Quickshell
import QtQuick
import QtQuick.Layouts
import qs.Services

RowLayout {	
	anchors.fill: parent
	anchors.topMargin: 32
	anchors.bottomMargin: 32
	anchors.leftMargin: 100
	anchors.rightMargin: 100
	spacing: 60

	Image {
		id: cover
		asynchronous: true
		source: "file://" + Song.coverPath
		sourceSize.width: 300
		sourceSize.height: 300
		width: 300
		height: 300

		Connections {
			target: Song

			function onCoverLoaded() {
				cover.source = "file://" + Song.coverPath
			}
		}
	}

	ColumnLayout {
		Text {
			Layout.alignment: Qt.AlignHCenter
			color: Flexoki.re
			text: Song.artist
			font.pixelSize: root.fontSize
		}
		Text {
			Layout.alignment: Qt.AlignHCenter
			color: Flexoki.tx
			text: Song.album
			font.pixelSize: root.fontSize
		}
		Text {
			Layout.alignment: Qt.AlignHCenter
			color: Flexoki.tx
			text: Song.title
			font.pixelSize: root.fontSize
		}
	}
}