import QtQuick 2.13
import QtGraphicalEffects 1.13
import "../../../../../imports"
import "../../../../../shared"

Item {
    property string collectibleName: "Furbeard"
    property string collectibleId: "1423"
    property url collectibleImage: "../../../../img/collectibles/placeholders/kitty.png"
    property string collectibleDescription: "Avast ye! I'm the dread pirate Furbeard, and I'll most likely sleep"

    id: root
    width: parent.width

    Image {
        id: collectibleImage
        width: 248
        height: 248
        anchors.horizontalCenter: parent.horizontalCenter
        source: root.collectibleImage
        sourceSize.width: width
        sourceSize.height: height
        fillMode: Image.PreserveAspectCrop
    }

    TextWithLabel {
        id: idText
        //% "ID"
        label: qsTrId("id")
        text: root.collectibleId
        anchors.top: collectibleImage.bottom
        anchors.topMargin:0
    }


    TextWithLabel {
        visible: !!root.collectibleDescription
        id: descriptionText
        //% "Description"
        label: qsTrId("description")
        text: root.collectibleDescription
        anchors.top: idText.bottom
        anchors.topMargin: 0
        wrap: true
    }
}


/*##^##
Designer {
    D{i:0;autoSize:true;formeditorColor:"#ffffff";height:480;width:640}
}
##^##*/