import QtQuick 2.13
import QtQuick.Controls 2.13
import shared 1.0
import shared.panels 1.0

import utils 1.0

import StatusQ.Components 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Core 0.1

Item {
    id: wrapper
    anchors.right: parent.right
    anchors.left: parent.left
    height: rectangle.height + 4

    property string publicKey: ""
    property string name: ""
    property string icon: ""
    property bool isIdenticon: true
    property int userStatus: Constants.userStatus.offline
    property var messageContextMenu
    property bool enableMouseArea: true
    property bool hovered: false
    property color color: {
        if (wrapper.hovered) {
            return Style.current.menuBackgroundHover
        }
        return Style.current.transparent
    }

    Rectangle {
        id: rectangle
        width: parent.width
        height: 40
        radius: 8
        color: wrapper.color

        StatusSmartIdenticon {
            id: contactImage
            anchors.left: parent.left
            anchors.leftMargin: Style.current.padding
            anchors.verticalCenter: parent.verticalCenter
            image: StatusImageSettings {
                width: 28
                height: 28
                source: wrapper.icon
                isIdenticon: wrapper.isIdenticon
            }
            icon: StatusIconSettings {
                width: 28
                height: 28
                letterSize: 15
            }
            name: wrapper.name
        }

        StyledText {
            id: contactInfo
            text: wrapper.name
            anchors.right: parent.right
            anchors.rightMargin: Style.current.smallPadding
            elide: Text.ElideRight
            color: Style.current.textColor
            font.weight: Font.Medium
            font.pixelSize: 15
            anchors.left: contactImage.right
            anchors.leftMargin: Style.current.halfPadding
            anchors.verticalCenter: parent.verticalCenter
        }

        StatusBadge {
            id: statusBadge
            width: 15
            height: 15
            anchors.left: contactImage.right
            anchors.leftMargin: -Style.current.smallPadding
            anchors.bottom: contactImage.bottom
            visible: wrapper.userStatus !== Constants.userStatus.offline
            border.width: 3
            border.color: Theme.palette.statusAppNavBar.backgroundColor
            color: {
                if(wrapper.userStatus === Constants.userStatus.online)
                    return Style.current.green
                else if(wrapper.userStatus === Constants.userStatus.idle)
                    return Style.current.orange
                else if(wrapper.userStatus === Constants.userStatus.doNotDisturb)
                    return Style.current.red

                return "transparent"
            }
        }

        MouseArea {
            enabled: enableMouseArea
            cursorShape: enabled ? Qt.PointingHandCursor : Qt.ArrowCursor
            acceptedButtons: Qt.LeftButton | Qt.RightButton
            anchors.fill: parent
            hoverEnabled: true
            onEntered: {
                wrapper.hovered = true
            }
            onExited: {
                wrapper.hovered = false
            }
            onClicked: {
                if (mouse.button === Qt.LeftButton) {
                    Global.openProfilePopup(wrapper.publicKey);
                }
                 else if (mouse.button === Qt.RightButton && !!messageContextMenu) {
                    // Set parent, X & Y positions for the messageContextMenu
                    messageContextMenu.parent = rectangle
                    messageContextMenu.setXPosition = function() { return 0}
                    messageContextMenu.setYPosition = function() { return rectangle.height}

                    messageContextMenu.isProfile = true
                    messageContextMenu.myPublicKey = userProfile.pubKey
                    messageContextMenu.selectedUserPublicKey = wrapper.publicKey
                    messageContextMenu.selectedUserDisplayName = wrapper.name
                    messageContextMenu.selectedUserIcon = wrapper.icon
                    messageContextMenu.isSelectedUserIconIdenticon = wrapper.isIdenticon
                    messageContextMenu.popup()
                }
            }
        }
    }
}