import QtQuick 2.12
import QtQuick.Controls 2.3
import QtQuick.Layouts 1.3
import QtQml.Models 2.3

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
import StatusQ.Popups 0.1
import StatusQ.Controls.Validators 0.1

StatusModal {
    id: root
    property var profileStore

    width: 420
    height: 250
    closePolicy: Popup.NoAutoClose
    headerSettings.title: qsTr("Edit")
    contentItem: Item {
        StatusInput {
            id: displayNameInput
            input.edit.objectName: "DisplayNamePopup_displayNameInput"
            width: parent.width - Style.current.padding
            anchors.top: parent.top
            anchors.topMargin: Style.current.padding
            anchors.horizontalCenter: parent.horizontalCenter
            placeholderText: qsTr("Display Name")
            input.text: root.profileStore.displayName
            validators: Constants.validators.displayName
        }
    }

    rightButtons: [
        StatusButton {
            id: okBtn
            objectName: "DisplayNamePopup_okButton"
            text: qsTr("OK")
            enabled: !!displayNameInput.text && displayNameInput.valid
            onClicked: {
                root.profileStore.setDisplayName(displayNameInput.text)
                root.close()
            }
        }
    ]

    onOpened: { displayNameInput.input.edit.forceActiveFocus() }
}