import QtQuick 6.8
import QtQuick.Controls 6.8
import QtQuick.Controls.Basic 6.8
import QtQuick.Layouts 6.8
import QYRComponents 1.0

ColumnLayout {
    Layout.fillWidth: true

    property var index: null

    Label {
        Layout.fillWidth: true
        Layout.bottomMargin: 20
        text: qsTr(Player.stations[index].name)
        font.bold: true
        heading: "h2"
        horizontalAlignment: Text.AlignHCenter
    }

    Item {
        Layout.fillHeight: true
    }

    Label {
        Layout.fillWidth: true
        text: Player.stations[index].songTitle
        font.pixelSize: 72
        horizontalAlignment: Text.AlignHCenter
    }

    Label {
        Layout.fillWidth: true
        text: "Listening: " + Player.stations[index].listeners
        heading: "h2"
        horizontalAlignment: Text.AlignHCenter
    }

    Item {
        Layout.fillHeight: true
    }

    Label {
        Layout.fillWidth: true
        Layout.topMargin: 20
        visible: (Player.currentIndex > -1 && Player.currentIndex != parent.index)
        text: qsTr("Another station is currently playing")
        heading: "h2"
        horizontalAlignment: Text.AlignHCenter
    }
}