import QtQuick 2.0
import Sailfish.Silica 1.0
import QtGraphicalEffects 1.0
//import "../../helpers/jsFunctions.js" as JS

Column {
    property string stationImage: "../images/community.png" //stationImage
    property string stationLabel: ""   //imagelabel
    property bool flag: false
    property string flagimage: ""    //flagimage
    property bool stationBorder: true
    property alias imageVisible: stationimage.visible
    spacing: Theme.paddingMedium
    Rectangle {
        width: parent.width
        height: width
        color: Theme.overlayBackgroundColor
        border.color: stationBorder ? Theme.rgba(Theme.highlightBackgroundColor, 0.8) : "transparent"
        anchors.horizontalCenter: parent.horizontalCenter
        Image {
            property bool loading: false
            id: stationimage
            width: parent.width - (Theme.paddingSmall * 2)

            height: width
            anchors.centerIn: parent
            fillMode: Image.PreserveAspectFit
            visible: false
            source: Qt.resolvedUrl(stationImage) ? Qt.resolvedUrl(stationImage) : "../images/community.png"
            onStatusChanged:
                switch(stationimage.status){
                case Image.Null:
                    loading = false
                    visible = true
                    stationImage = "../images/community.png"
                    break;
                case Image.Ready:
                    loading = false
                    visible = true
                    break;
                case Image.Loading:
                    loading = true
                    break;
                case Image.Error:
                    loading = false
                    visible = false
                    stationImage = "../images/community.png"
                    break;
                default:
                    loading = false
                    visible = false
                    stationImage = "../images/community.png"
               }
            }
        Label {
            id: stationlabel
            anchors.fill: stationimage
            anchors.margins: Theme.paddingMedium
            visible: !stationimage.visible
            horizontalAlignment: Text.AlignHCenter
            verticalAlignment: Text.AlignVCenter
            elide: Text.ElideRight
            width: parent.width - (parent.border.width * 2)
            height: width
            text: stationLabel ? stationLabel : "AllRadio2"//lastcheckok == "1" ? name : " [DOWN] "+name
            color: Theme.primaryColor//stationlabel === "1" ? Theme.lightPrimaryColor : Theme.secondaryColor
            wrapMode: Text.WordWrap
            maximumLineCount: 4
            //font.strikeout: lastcheckok == "1" ? false : true
            font.pixelSize: Theme.fontSizeHuge * 4
            fontSizeMode: Text.Fit
            font.bold: true
            opacity: 0.6

        }
     /*   Glow {
            id: stationglow
            visible: stationlabel.visible
            radius: Math.round((parent.width / Screen.width) * 10)
            samples: radius * 2
            spread: radius / 10//0.9//parent.width / Screen.width
            //opacity: 0.4
            transparentBorder: true
            color: Theme.secondaryColor//JS.getRandomColor()
            source: stationlabel
            anchors.fill: stationlabel
        } */
        Image {
            id:countryImage
            visible: flag
            width: Theme.itemSizeSmall * 0.5
            anchors.top: stationimage.visible ? stationimage.top : parent.top
            anchors.right: stationimage.visible ? stationimage.right : parent.right
            anchors.margins: Theme.paddingMedium
            fillMode: Image.PreserveAspectFit
            source: flagimage
        }
    }
}