import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13

import utils 1.0

import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Controls 0.1
import "../panels"
import "."

Rectangle {
    id: root

    property string currentVersion: "0.0.0"
    property string newVersion: "0.0.0"
    property bool newVersionAvailable: true
    property string downloadURL: "https://github.com/status-im/status-desktop/releases/latest"
    signal closed()

    anchors.fill: parent
    color: Style.current.background

    StatusFlatRoundButton {
        type: StatusFlatRoundButton.Type.Quaternary
        icon.name: "close"
        anchors.top: parent.top
        anchors.topMargin: Style.current.padding
        anchors.right: parent.right
        anchors.rightMargin: Style.current.padding
        onClicked: root.closed()
    }

    SVGImage {
        id: logoImage
        source: Style.svg(Theme.palette.name == "light" ? "status-logo-light" : "status-logo-dark")
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: parent.top
        anchors.topMargin: 108
    }

    StatusBaseText {
        id: title
        text: qsTr("Thanks for using Status")
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: logoImage.bottom
        anchors.topMargin: 75
        font.pixelSize: 38
        font.weight: Font.Medium
        color: Theme.palette.directColor1
    }

    StatusBaseText {
        id: currentVersionText
        text: qsTr("You're curently using version %1 of Status.").arg(root.currentVersion)
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: title.bottom
        anchors.topMargin: 32
        font.pixelSize: 28
        color: Theme.palette.directColor1
    }

    StatusBaseText {
        id: newVersionAvailableText
        text: qsTr("There's new version available to download.")
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: currentVersionText.bottom
        font.pixelSize: 28
        color: Theme.palette.directColor1
    }

    StatusPickerButton {
        width: 175
        bgColor: Theme.palette.primaryColor1
        contentColor: Theme.palette.white
        text: qsTr("Get Status %1").arg(root.newVersion)
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: newVersionAvailableText.bottom
        anchors.topMargin: 32
        onClicked: {
            Global.openLink(root.downloadURL)
            root.closed()
        }
    }
}