import QtQuick 2.13
import QtGraphicalEffects 1.13

import utils 1.0

import StatusQ.Controls 0.1

import shared.popups 1.0
import "../panels"

// TODO: Replace with StatusModal
ModalPopup {
    property string collectibleName: "Furbeard"
    property string collectibleId: "1423"
    property url collectibleImage: Style.png("collectibles/placeholders/kitty")
    property string collectibleDescription: "Avast ye! I'm the dread pirate Furbeard, and I'll most likely sleep"
    property string buttonText: "View in Cryptokitties"
    property string buttonLink: "https://www.cryptokitties.co/"
    property var openModal: function (options) {
        popup.collectibleName = options.name
        popup.collectibleId = options.id
        popup.collectibleDescription = options.description
        popup.collectibleImage = options.image
        //% "View"
        popup.buttonText = options.buttonText || qsTrId("view")
        popup.buttonLink = options.link
        popup.open()
    }

    id: popup
    //% "Unnamed"
    title: collectibleName || qsTrId("unnamed")

    CollectiblesModalContent {
        collectibleName: popup.collectibleName
        collectibleId: popup.collectibleId
        collectibleImage: popup.collectibleImage
        collectibleDescription: popup.collectibleDescription
    }

    footer: StatusButton {
        visible: !!popup.buttonLink
        anchors.right: parent.right
        anchors.rightMargin: Style.current.padding
        text: popup.buttonText
        anchors.top: parent.top
        onClicked: {
            Global.openLink(popup.buttonLink)
            popup.close()
        }
    }
}