import QtQuick 2.13
import QtQuick.Controls 2.13
import QtGraphicalEffects 1.13
import StatusQ.Controls 0.1

import utils 1.0
import "../shared"
import "./Login"

ModalPopup {
    property string selectedId: ""
    property var onClosed: function () {}
    property var onNextClick: function () {}
    id: popup
    //% "Choose a chat name"
    title: qsTrId("intro-wizard-title2")

    AccountList {
        id: accountList
        anchors.fill: parent
        interactive: false

        accounts: onboardingModule.accountsModel
        isSelected: function (accId) {
            return accId === selectedId
        }
        onAccountSelect: function(accId) {
            selectedId = accId
        }
    }
    footer: StatusRoundButton {
        objectName: "submitButton"
        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
        onClicked : {
            onNextClick(selectedId);
            popup.close()
        }
    }
}

/*##^##
Designer {
    D{i:0;formeditorColor:"#ffffff";height:500;width:400}
}
##^##*/