import QtQuick 2.0

Item{
    id: container

    Image {
        id: backgroundImage

        anchors.fill: parent
        source: musicModel.pCurrentItem.pImageSource
        fillMode: Image.PreserveAspectCrop
        verticalAlignment: Image.AlignTop
    }
    RoundButton{
        id: backNavigation
        anchors.left: parent.left
        anchors.top: parent.top
        anchors.margins: 20
        onClicked: {
            musicModel.navigateBack();
        }
    }

    Rectangle {
        id: controlPannel

        anchors.left: parent.left
        anchors.right: parent.right
        anchors.bottom: parent.bottom
        color: "#99ffffff"
        height: 120

        RoundButton{
            id: startPause
            anchors.centerIn: parent
            width: 80
            imageSource: "qrc:/icon_play"

            onClicked:{
                musicModel.playPause();
                if(imageSource == "qrc:/icon_play")
                    imageSource = "qrc:/icon_pause"
                else
                    imageSource = "qrc:/icon_play"
            }
        }
    }
}