import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13
import QtQuick.Dialogs 1.3

import utils 1.0
import shared.controls 1.0

import StatusQ.Popups 0.1
import StatusQ.Controls 0.1

import shared.views 1.0
import shared.panels 1.0
import shared.popups 1.0
import AppLayouts.Wallet 1.0

StatusModal {
    id: root
    headerSettings.title: qsTr("Send")
    height: 540

    property var store
    property var contactsStore

    property var selectedAccount
    property var selectedRecipient
    property var selectedAsset
    property var selectedAmount
    property var selectedFiatAmount
    property var selectedType: RecipientSelector.Type.Address
    property bool outgoing: true
    property bool isARequest: false
    property string msgId: ""
    property string trxData: ""
    property int chainId

//    property alias transactionSigner: transactionSigner

//    property var sendTransaction: function() {
//        stack.currentGroup.isPending = true
//        let success = false
//        success = root.store.transfer(
//            selectFromAccount.selectedAccount.address,
//            selectRecipient.selectedRecipient.address,
//            root.selectedAsset.symbol,
//            root.selectedAmount,
//            gasSelector.selectedGasLimit,
//            gasSelector.suggestedFees.eip1559Enabled ? "" : gasSelector.selectedGasPrice,
//            gasSelector.selectedTipLimit,
//            gasSelector.selectedOverallLimit,
//            transactionSigner.enteredPassword,
//            root.chainId,
//            stack.uuid,
//            gasSelector.suggestedFees.eip1559Enabled,
//        )
//        // TODO remove this else once the thread and connection are back
////        if(!success){
////            //% "Invalid transaction parameters"
////            sendingError.text = qsTr("Invalid transaction parameters")
////            sendingError.open()
////        }
//    }

    property MessageDialog sendingError: MessageDialog {
        id: sendingError
        title: qsTr("Error sending the transaction")
        icon: StandardIcon.Critical
        standardButtons: StandardButton.Ok
    }
    signal openGasEstimateErrorPopup(string message)

//    onClosed: {
//        stack.pop(groupPreview, StackView.Immediate)
//    }

//    onOpened: {
//        gasSelector.suggestedFees = root.store.suggestedFees(root.chainId)
//        gasSelector.checkOptimal()
//    }

//    contentItem: Item {
//        width: root.width
//        height: childrenRect.height
//        TransactionStackView {
//            id: stack
//            anchors.leftMargin: Style.current.padding
//            anchors.rightMargin: Style.current.padding
//            initialItem: groupPreview
//            isLastGroup: stack.currentGroup === groupSignTx
//            onGroupActivated: {
//                root.headerSettings.title = group.headerText
//                btnNext.text = group.footerText
//            }
//            TransactionFormGroup {
//                id: groupSelectAcct
//                headerText: {
//                    // Not Refactored Yet
////                    if(trxData.startsWith("0x095ea7b3")){
////                        const approveData = JSON.parse(root.store.walletModelInst.tokensView.decodeTokenApproval(selectedRecipient.address, trxData))
////                        if(approveData.symbol)
////                            //% "Authorize %1 %2"
////                            return qsTr("Error sending the transaction").arg(approveData.amount).arg(approveData.symbol)
////                    }
//                    return qsTr("Send");
//                }
//                footerText: qsTr("Continue")
//                showNextBtn: false
//                onBackClicked: function() {
//                    if(validate()) {
//                        stack.pop()
//                    }
//                }
//                StatusAccountSelector {
//                    id: selectFromAccount
//                    accounts: root.store.accounts
//                    currency: root.store.currentCurrency
//                    width: stack.width
//                    selectedAccount: root.selectedAccount
//                    label: qsTr("Choose account")
//                    showBalanceForAssetSymbol: root.selectedAsset.symbol
//                    chainId: root.chainId
//                    minRequiredAssetBalance: parseFloat(root.selectedAmount)
//                    onSelectedAccountChanged: if (isValid) { gasSelector.estimateGas() }
//                }
//                RecipientSelector {
//                    id: selectRecipient
//                    visible: false
//                    accounts: root.store.accounts
//                    contactsStore: root.contactsStore
//                    selectedRecipient: root.selectedRecipient
//                    selectedType: root.selectedType
//                    readOnly: true
//                }
//            }
//            TransactionFormGroup {
//                id: groupSelectGas
//                headerText: qsTr("Network fee")
//                footerText: qsTr("Continue")
//                showNextBtn: false
//                onBackClicked: function() {
//                    stack.pop()
//                }
//                GasSelector {
//                    id: gasSelector
//                    anchors.topMargin: Style.current.padding
//                    getGasEthValue: root.store.getGasEthValue
//                    getFiatValue: root.store.getFiatValue
//                    currentCurrency: root.store.currentCurrency
//                    width: stack.width

//                    property var estimateGas: Backpressure.debounce(gasSelector, 600, function() {
//                       if (!(selectFromAccount.selectedAccount && selectFromAccount.selectedAccount.address &&
//                           selectRecipient.selectedRecipient && selectRecipient.selectedRecipient.address &&
//                           root.selectedAsset && root.selectedAsset.symbol &&
//                           root.selectedAmount)) {
//                           selectedGasLimit = 250000
//                           defaultGasLimit = selectedGasLimit
//                           return
//                       }

//                       let gasEstimate = JSON.parse(root.store.estimateGas(
//                           selectFromAccount.selectedAccount.address,
//                           selectRecipient.selectedRecipient.address,
//                           root.selectedAsset.symbol,
//                           root.selectedAmount,
//                           root.chainId,
//                           trxData
//                        ))

//                       if (!gasEstimate.success) {
//                           let message = qsTr("Error estimating gas: %1").arg(gasEstimate.error.message)
//                           root.openGasEstimateErrorPopup(message);
//                           return
//                       }
//                       selectedGasLimit = gasEstimate.result
//                       defaultGasLimit = selectedGasLimit
//                    })
//                }
//                GasValidator {
//                    id: gasValidator
//                    anchors.top: gasSelector.bottom
//                    anchors.horizontalCenter: parent.horizontalCenter
////                    selectedAccount: selectFromAccount.selectedAccount
////                    selectedAmount: parseFloat(root.selectedAmount)
////                    selectedAsset: root.selectedAsset
////                    selectedGasEthValue: gasSelector.selectedGasEthValue
//                }
//            }

//            TransactionFormGroup {
//                id: groupPreview
//                headerText: qsTr("Transaction preview")
//                footerText: qsTr("Sign with password")
//                showBackBtn: false
//                onNextClicked: function() {
//                    stack.push(groupSignTx, StackView.Immediate)
//                }
//                isValid: groupSelectAcct.isValid && groupSelectGas.isValid && pvwTransaction.isValid

//                TransactionPreview {
//                    id: pvwTransaction
//                    width: stack.width
//                    fromAccount: selectFromAccount.selectedAccount
//                    gas: {
//                        "value": gasSelector.selectedGasEthValue,
//                        "symbol": "ETH",
//                        "fiatValue": gasSelector.selectedGasFiatValue
//                    }
//                    toAccount: selectRecipient.selectedRecipient
//                    asset: root.selectedAsset
//                    amount: { "value": root.selectedAmount, "fiatValue": root.selectedFiatAmount }
//                    currency: root.store.currentCurrency
//                    isFromEditable: false
//                    trxData: root.trxData
//                    isGasEditable: true
//                    fromValid: balanceValidator.isValid
//                    gasValid: gasValidator.isValid
//                    onFromClicked: { stack.push(groupSelectAcct, StackView.Immediate) }
//                    onGasClicked: { stack.push(groupSelectGas, StackView.Immediate) }
//                }
//                BalanceValidator {
//                    id: balanceValidator
//                    anchors.top: pvwTransaction.bottom
//                    anchors.horizontalCenter: parent.horizontalCenter
//                    account: selectFromAccount.selectedAccount
//                    amount: !!root.selectedAmount ? parseFloat(root.selectedAmount) : 0.0
//                    chainId: root.chainId
//                    asset: root.selectedAsset
//                }
//                GasValidator {
//                    id: gasValidator2
//                    anchors.top: balanceValidator.visible ? balanceValidator.bottom : pvwTransaction.bottom
//                    anchors.topMargin: balanceValidator.visible ? 5 : 0
//                    anchors.horizontalCenter: parent.horizontalCenter
////                    selectedAccount: selectFromAccount.selectedAccount
////                    selectedAmount: parseFloat(root.selectedAmount)
////                    selectedAsset: root.selectedAsset
////                    selectedGasEthValue: gasSelector.selectedGasEthValue
//                }
//            }
//            TransactionFormGroup {
//                id: groupSignTx
//                headerText: qsTr("Sign with password")
//                footerText: qsTr("Send %1 %2").arg(root.selectedAmount).arg(!!root.selectedAsset ? root.selectedAsset.symbol : "")
//                onBackClicked: function() {
//                    stack.pop()
//                }

//                TransactionSigner {
//                    id: transactionSigner
//                    width: stack.width
//                   signingPhrase: root.store.signingPhrase
//                }
//            }
//        }
//    }

//    leftButtons: [
//        StatusBackButton {
//            id: btnBack
//            visible: stack.currentGroup.showBackBtn
//            enabled: stack.currentGroup.isValid || stack.isLastGroup
//            onClicked: {
//                if (typeof stack.currentGroup.onBackClicked === "function") {
//                    return stack.currentGroup.onBackClicked()
//                }
//                stack.back()
//            }
//        }
//    ]

//    rightButtons: [
//        StatusButton {
//            id: btnNext
//            text: qsTr("Next")
//            enabled: stack.currentGroup.isValid && !stack.currentGroup.isPending
//            visible: stack.currentGroup.showNextBtn
//            onClicked: {
//                const validity = stack.currentGroup.validate()
//                if (validity.isValid && !validity.isPending) {
//                    if (stack.isLastGroup) {
//                        return root.sendTransaction(gasSelector.selectedGasLimit,
//                                                    gasSelector.suggestedFees.eip1559Enabled ? "" : gasSelector.selectedGasPrice,
//                                                    gasSelector.selectedTipLimit,
//                                                    gasSelector.selectedOverallLimit,
//                                                    transactionSigner.enteredPassword)
//                    }

//                    if(gasSelector.suggestedFees.eip1559Enabled && stack.currentGroup === groupSelectGas && gasSelector.advancedMode){
//                        if(gasSelector.showPriceLimitWarning || gasSelector.showTipLimitWarning){
//                            Global.openPopup(transactionSettingsConfirmationPopupComponent, {
//                                currentBaseFee: gasSelector.suggestedFees.baseFee,
//                                currentMinimumTip: gasSelector.perGasTipLimitFloor,
//                                currentAverageTip: gasSelector.perGasTipLimitAverage,
//                                tipLimit: gasSelector.selectedTipLimit,
//                                suggestedTipLimit: gasSelector.perGasTipLimitFloor, // TODO:
//                                priceLimit: gasSelector.selectedOverallLimit,
//                                suggestedPriceLimit: gasSelector.suggestedFees.baseFee + gasSelector.perGasTipLimitFloor,
//                                showPriceLimitWarning: gasSelector.showPriceLimitWarning,
//                                showTipLimitWarning: gasSelector.showTipLimitWarning,
//                                onConfirm: function(){
//                                    stack.next();
//                                }
//                            })
//                            return
//                        }
//                    }


//                    if (typeof stack.currentGroup.onNextClicked === "function") {
//                        return stack.currentGroup.onNextClicked()
//                    }
//                    stack.next()
//                }
//            }
//        }
//    ]

//    Component {
//        id: transactionSettingsConfirmationPopupComponent
//        TransactionSettingsConfirmationPopup { }
//    }

//    Connections {
//        target: root.store.walletSectionSendInst
//        onTransactionSent: {
//            try {
//                let response = JSON.parse(txResult)
//                if (response.uuid !== stack.uuid)
//                    return

//                stack.currentGroup.isPending = false

//                let transactionId = response.result

//                if (!response.success) {
//                    if (Utils.isInvalidPasswordMessage(transactionId)){
//                        transactionSigner.validationError = qsTr("Wrong password")
//                        return
//                    }
//                    sendingError.text = transactionId
//                    return sendingError.open()
//                }

//                if(isARequest)
//                    root.store.acceptRequestTransaction(transactionId, msgId, root.store.getPubkey() + transactionId.substr(2))

//                // Refactor this
//                let url = "" //`${walletModel.utilsView.etherscanLink}/${response.result}`
//                Global.displayToastMessage(qsTr("Transaction pending..."),
//                                           qsTr("View on etherscan"),
//                                           "",
//                                           true,
//                                           Constants.ephemeralNotificationType.normal,
//                                           url)

//                root.close()
//            } catch (e) {
//                console.error('Error parsing the response', e)
//            }
//        }
//    }
}