import QtQuick 2.13
import QtQuick.Controls 2.13
import StatusQ.Controls 0.1
import "../../../../shared"
import "../../../../shared/status"
import "../../../../imports"

StatusFlatButton {
    id: btnAdd
    width: 138
    height: 38
    size: StatusBaseButton.Size.Small
    text: qsTr("Add account")
    icon.name: "add"
    icon.width: 14
    icon.height: 14
    readonly property var onAfterAddAccount: function() {
        walletInfoContainer.changeSelectedAccount(walletModel.accountsView.accounts.rowCount() - 1);
    }

    onClicked: {
        if (newAccountMenu.opened) {
            newAccountMenu.close();
        } else {
            newAccountMenu.popup(0, btnAdd.height + 4);
        }
    }

    PopupMenu {
        id: newAccountMenu
        width: 260
        closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutsideParent
        Action {
            //% "Generate an account"
            text: qsTrId("generate-a-new-account")
            icon.source: "../../../img/generate_account.svg"
            icon.width: 19
            icon.height: 19
            onTriggered: console.log("TODO")
        }
        Action {
            //% "Add a watch-only address"
            text: qsTrId("add-a-watch-account")
            icon.source: "../../../img/eye.svg"
            icon.width: 19
            icon.height: 19
            onTriggered: console.log("TODO")
        }
        Action {
            text: qsTr("Add with key or seed phrase")
            icon.source: "../../../img/enter_private_key.svg"
            icon.width: 19
            icon.height: 19
            onTriggered: {
                addAccountPopupLoader.active = !addAccountPopupLoader.active;
            }
        }
        onAboutToShow: {
            btnAdd.state = "pressed"
        }

        onAboutToHide: {
            btnAdd.state = "default"
        }
    }

    Loader {
        id: addAccountPopupLoader
        active: false
        sourceComponent: AddAccountPopup {
            id: addAccountPopup
            anchors.centerIn: parent
            onAddAccountClicked: { btnAdd.onAfterAddAccount(); }
            onClosed: {
                addAccountPopupLoader.active = false;
            }
        }
        onLoaded: {
            if (status === Loader.Ready) {
                item.open();
            }
        }
    }
}