import QtQuick 2.13
import QtQuick.Controls 2.13
import QtGraphicalEffects 1.13

import utils 1.0

import shared 1.0
import shared.panels 1.0
import shared.popups 1.0
import shared.controls 1.0

import StatusQ.Controls 0.1

// TODO: replace with StatusModal
ModalPopup {
    property var onConfirmSeedClick: function () {}
    id: popup
    //% "Enter seed phrase"
    title: qsTrId("enter-seed-phrase")
    height: 400

    onOpened: {
        seedPhraseTextArea.textArea.text = "";
        seedPhraseTextArea.textArea.forceActiveFocus(Qt.MouseFocusReason)
    }

    SeedPhraseTextArea {
        id: seedPhraseTextArea
        anchors.top: parent.top
        anchors.topMargin: 20
        anchors.bottomMargin: 20
        width: parent.width
        hideRectangle: true

        textArea.anchors.leftMargin: 76
        textArea.anchors.rightMargin: 76

        onEnterPressed: submitBtn.clicked()
    }

    StyledText {
        id: helpText
        //% "Enter 12, 15, 18, 21 or 24 words.\nSeperate words by a single space."
        text: qsTrId("enter-12--15--18--21-or-24-words--nseperate-words-by-a-single-space-")
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.bottom: parent.bottom
        anchors.bottomMargin: 0
        horizontalAlignment: TextEdit.AlignHCenter
        color: Style.current.secondaryText
        font.pixelSize: 12
    }

    footer: StatusRoundButton {
        id: submitBtn
        anchors.bottom: parent.bottom
        anchors.topMargin: Style.current.padding
        anchors.right: parent.right
        icon.name: "arrow-right"
        icon.width: 20
        icon.height: 16
        enabled: seedPhraseTextArea.correctWordCount

        onClicked : {
            if (seedPhraseTextArea.textArea.text === "") {
                return
            }
            if (seedPhraseTextArea.validateSeed()) {
                onConfirmSeedClick(seedPhraseTextArea.textArea.text)
            }
        }
    }
}