import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import QtQml.Models 2.14

import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Popups.Dialog 0.1
import StatusQ.Controls 0.1

import utils 1.0

import shared.controls 1.0
import shared.popups 1.0

import "PairWCModal"

StatusDialog {
    id: root

    objectName: "pairWCModal"

    width: 480
    implicitHeight: 633

    property bool isPairing: false

    signal pair(string uri)

    closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutside

    title: qsTr("Connect a dApp via WalletConnect")

    padding: 20

    contentItem: ColumnLayout {
        StatusBaseText {
            text: "WalletConnect URI"
        }

        WCUriInput {
            id: uriInput

            onTextChanged: root.isPairing = false
        }

        // Spacer
        Item { Layout.fillHeight: true }

        StatusLinkText {
            text: qsTr("How to copy the dApp URI")

            Layout.alignment: Qt.AlignHCenter
            Layout.margins: 18

            normalColor: linkColor

            onClicked: {
                Global.openPopup(uriCopyInstructionsPopup)
            }

            Component {
                id: uriCopyInstructionsPopup
                DAppsUriCopyInstructionsPopup{}
            }
        }
    }

    footer: StatusDialogFooter {
        id: footer
        rightButtons: ObjectModel {
            StatusButton {
                height: 44
                text: qsTr("Done")

                enabled: uriInput.valid && !root.isPairing && uriInput.text.length > 0

                onClicked: root.pair(uriInput.text)
            }
        }
    }
}