import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13
import "../../../../imports"
import "../../../../shared"

Rectangle {
  property int topMargin: Theme.smallPadding
  property int bottomMargin: Theme.smallPadding
  property string channelName
  property int channelType
  property string channelIdenticon
  id: contactImage
  width: 36
  height: 36
  anchors.left: parent.left
  anchors.leftMargin: Theme.padding
  anchors.top: parent.top
  anchors.topMargin: topMargin
  anchors.bottom: parent.bottom
  anchors.bottomMargin: bottomMargin
  radius: 50

  Loader {
    sourceComponent: channelType == Constants.chatTypeOneToOne ? imageIdenticon : letterIdenticon
    anchors.fill: parent
  }

  Component {
    id: letterIdenticon
    Rectangle {
      width: contactImage.width ? contactImage.width : 36
      height: contactImage.height ? contactImage.height: 36
      radius: 50
      color: {
          const color = chatsModel.getChannelColor(channelName)
          if (!color) {
              return Theme.transparent
          }
          return color
      }

      StyledText {
        text: {
          if (channelType == Constants.chatTypeOneToOne) {
            return channelName;
          } else {
            return (channelName.charAt(0) == "#" ? channelName.charAt(1) : channelName.charAt(0)).toUpperCase();
          }
        }
        opacity: 0.7
        font.weight: Font.Bold
        font.pixelSize: 21
        color: "white"
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.verticalCenter: parent.verticalCenter
      }
    }
  }

  Component {
    id: imageIdenticon
    Rectangle {
      width: contactImage.width ? contactImage.width : 40
      height: contactImage.height ? contactImage.height : 40
      radius: 50
      border.color: "#10000000"
      border.width: 1
      color: Theme.transparent
      Image {
          width: contactImage.width ? contactImage.width : 40
          height: contactImage.height ? contactImage.height : 40
          fillMode: Image.PreserveAspectFit
          source: channelIdenticon
      }
    }
  }
}