import QtQuick 2.3
import QtQuick.Controls 2.3
import QtQuick.Layouts 1.3
import Qt.labs.platform 1.1

import utils 1.0
import shared 1.0
import shared.panels 1.0

import StatusQ.Components 0.1
import StatusQ.Core 0.1

Item {
    id: channelBadge

    property int realChatType: -1
    property string name: "channelName"
    property color textColor
    property string chatId: ""
    property string profileImage: ""
    property string identicon

    SVGImage {
        id: channelIcon
        width: 16
        height: 16
        fillMode: Image.PreserveAspectFit
        source: Style.svg("channel-icon-" + (realChatType === Constants.chatTypePublic ? "public-chat" : "group"))
        anchors.left: parent.left
        anchors.verticalCenter:parent.verticalCenter
    }

    StatusSmartIdenticon {
        id: contactImage
        anchors.left: channelIcon.right
        anchors.leftMargin: 4
        anchors.verticalCenter: parent.verticalCenter
        image: StatusImageSettings {
            width: 16
            height: 16
            source: profileImage || identicon
            isIdenticon: true
        }
        icon: StatusIconSettings {
            width: 16
            height: 16
            letterSize: 11
        }
        name: channelBadge.name
    }

    StyledText {
        id: contactInfo
        text: realChatType !== Constants.chatTypePublic ?
                  Emoji.parse(Utils.removeStatusEns(Utils.filterXSS(name))) :
                  "#" + Utils.filterXSS(name)
        anchors.left: contactImage.right
        anchors.leftMargin: 4
        color: textColor
        font.weight: Font.Medium
        font.pixelSize: 13
        anchors.verticalCenter: parent.verticalCenter
    }
}