import QtQuick 2.12
import QtQuick.Controls 2.3
import QtQuick.Layouts 1.3
import "../../../../imports"
import "../../../../shared"
import "./"

ModalPopup {
    id: popup
    title: qsTr("New chat")

    Rectangle {
        id: chatKeyBox
        height: 44
        color: Theme.grey
        anchors.top: separator.bottom
        anchors.topMargin: 16
        radius: 8
        anchors.right: parent.right
        anchors.rightMargin: 16
        anchors.left: parent.left
        anchors.leftMargin: 16

        TextField {
            id: chatKey
            placeholderText: qsTr("Enter ENS username or chat key")
            anchors.left: parent.left
            anchors.leftMargin: 16
            anchors.verticalCenter: parent.verticalCenter
            font.pixelSize: 15
            background: Rectangle {
                color: "#00000000"
            }
            width: chatKeyBox.width - 32
        }

        MouseArea {
            id: mouseArea
            anchors.fill: parent
            onClicked : {
                chatKey.forceActiveFocus(Qt.MouseFocusReason)
            }
        }
    }



    footer: Button {
        width: 44
        height: 44
        anchors.bottom: parent.bottom
        anchors.right: parent.right
        Image {
            source: chatKey.text == "" ? "../../../img/arrow-button-inactive.svg" : "../../../img/arrow-btn-active.svg"
        }
        background: Rectangle {
            color: "transparent"
        }
        MouseArea {
            id: btnMAnewChat
            cursorShape: Qt.PointingHandCursor
            anchors.fill: parent
            onClicked : {
                if(chatKey.text === "") return;
                chatsModel.joinChat(chatKey.text, Constants.chatTypeOneToOne);
                popup.close();
            }
        }
    }
}