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

import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Controls 0.1
import StatusQ.Components 0.1

import utils 1.0
import shared 1.0
import shared.status 1.0

SettingsContentBase {
    id: root

    property var store

    // TODO when we re-implement check for updates, put isProduction back
    titleRowComponentLoader.active: false //root.store.isProduction
    titleRowComponentLoader.sourceComponent: StatusButton {
        size: StatusBaseButton.Size.Small
        text: qsTr("Check for updates")
        onClicked: {
            root.store.checkForUpdates()
        }
    }

    ColumnLayout {
        spacing: Constants.settingsSection.itemSpacing
        width: root.contentWidth

        Column {
            Layout.fillWidth: true
            StatusIcon {
                id: statusIcon
                width: 80
                height: 80
                icon: root.store.isProduction ? Style.svg("status-logo-circle") : Style.svg("status-logo-dev-circle")
                anchors.horizontalCenter: parent.horizontalCenter
            }

            Item { width: 1; height: 8}

            StatusLinkText {
                anchors.horizontalCenter: parent.horizontalCenter
                font.pixelSize: 22
                font.bold: true
                normalColor: Theme.palette.directColor1
                text: (root.store.isProduction ? "" : "git:") + root.store.getCurrentVersion()
                onClicked: root.store.getReleaseNotes()
            }

            StatusBaseText {
                anchors.horizontalCenter: parent.horizontalCenter
                font.pixelSize: 15
                text: qsTr("Current Version")
            }

            Item { width: 1; height: 17}

            StatusLinkText {
                anchors.horizontalCenter: parent.horizontalCenter
                font.pixelSize: 17
                font.bold: true
                normalColor: Theme.palette.directColor1
                text: root.store.getStatusGoVersion()
                onClicked: root.store.openLink("https://github.com/status-im/status-go/tree/v%1".arg(root.store.getStatusGoVersion()))
            }

            StatusBaseText {
                anchors.horizontalCenter: parent.horizontalCenter
                font.pixelSize: 13
                text: qsTr("Status Go Version")
            }

            Item { width: 1; height: 17}

            StatusButton {
                anchors.horizontalCenter: parent.horizontalCenter
                size: StatusBaseButton.Size.Small
                icon.name: "info"
                text: qsTr("Release Notes")
                visible: root.store.isProduction
                onClicked: {
                    root.store.getReleaseNotes()
                }
            }
        } // Column

        StatusListItem {
            title: qsTr("Our Principles")
            Layout.fillWidth: true
            implicitHeight: 64
            components: [
                StatusIcon {
                    icon: "next"
                    color: Theme.palette.baseColor1
                }
            ]
            onClicked: root.store.openLink("https://status.im/about/#our-principles")
        }

        Column {
            Layout.fillWidth: true
            spacing: 4
            StatusBaseText {
                text: qsTr("Status desktop’s GitHub Repositories")
                anchors.left: parent.left
                anchors.leftMargin: Style.current.padding
                font.pixelSize: 15
                color: Style.current.secondaryText
            }

            StatusFlatButton {
                Layout.fillWidth: true
                leftPadding: Style.current.padding
                rightPadding: Style.current.padding
                text: qsTr("Status Desktop")
                icon.width: 0
                onClicked: {
                    root.store.openLink("https://github.com/status-im/status-desktop")
                }
            }

            StatusFlatButton {
                Layout.fillWidth: true
                leftPadding: Style.current.padding
                rightPadding: Style.current.padding
                text: qsTr("Status Go")
                icon.width: 0
                onClicked: {
                    root.store.openLink("https://github.com/status-im/status-go")
                }
            }

            StatusFlatButton {
                Layout.fillWidth: true
                leftPadding: Style.current.padding
                rightPadding: Style.current.padding
                text: qsTr("StatusQ")
                icon.width: 0
                onClicked: {
                    root.store.openLink("https://github.com/status-im/statusq")
                }
            }

            StatusFlatButton {
                Layout.fillWidth: true
                leftPadding: Style.current.padding
                rightPadding: Style.current.padding
                text: qsTr("go-waku")
                icon.width: 0
                onClicked: {
                    root.store.openLink("https://github.com/status-im/go-waku")
                }
            }
        }

        Column {
            Layout.fillWidth: true
            spacing: 4
            StatusBaseText {
                anchors.left: parent.left
                anchors.leftMargin: Style.current.padding
                text: qsTr("Legal & Privacy Documents")
                font.pixelSize: 15
                color: Style.current.secondaryText
            }

            StatusFlatButton {
                Layout.fillWidth: true
                leftPadding: Style.current.padding
                rightPadding: Style.current.padding
                text: qsTr("Terms of Use")
                icon.width: 0
                onClicked: {
                    root.store.openLink("https://status.im/terms-of-use/")
                }
            }

            StatusFlatButton {
                Layout.fillWidth: true
                leftPadding: Style.current.padding
                rightPadding: Style.current.padding
                text: qsTr("Privacy Policy")
                icon.width: 0
                onClicked: {
                    root.store.openLink("https://status.im/privacy-policy/")
                }
            }

            StatusFlatButton {
                Layout.fillWidth: true
                leftPadding: Style.current.padding
                rightPadding: Style.current.padding
                text: qsTr("Software License")
                icon.width: 0
                onClicked: {
                    root.store.openLink("https://github.com/status-im/status-desktop/blob/master/LICENSE.md")
                }
            }
        } // Column
    }
}