import QtQuick 2.12
import QtQuick.Controls 2.12 as Controls
import QtQuick.Layouts 1.12
import QtGraphicalEffects 1.12

import org.kde.kirigami 2.13 as Kirigami

import Spectral 0.1
import Spectral.Setting 0.1
import Spectral.Component 2.0

RowLayout {
    default property alias innerObject : column.children

    readonly property bool sentByMe: author.isLocalUser
    readonly property bool darkBackground: !sentByMe
    readonly property bool replyVisible: reply ?? false
    readonly property bool failed: marks == EventStatus.SendingFailed
    readonly property color authorColor: eventType == "notice" ? MPalette.primary : author.color
    readonly property color replyAuthorColor: replyVisible ? reply.author.color : MPalette.accent

    signal saveFileAs()
    signal openExternally()

    id: root

    spacing: Kirigami.Units.largeSpacing

    Kirigami.Avatar {
        Layout.preferredWidth: Kirigami.Units.gridUnit * 1.5
        Layout.preferredHeight: Kirigami.Units.gridUnit * 1.5

        Layout.alignment: Qt.AlignTop

        visible: showAuthor
        name: author.displayName
        source: author.avatarMediaId ? "image://mxc/" + author.avatarMediaId : ""
        color: author.color
    }

    Item {
        Layout.preferredWidth: Kirigami.Units.gridUnit * 1.5
        Layout.preferredHeight: 1

        visible: !showAuthor
    }
    
    Item {
        Layout.preferredWidth: column.width + 16
		Layout.preferredHeight: column.height + 16

        /*RectangularGlow {
            anchors.fill: messageBubble
            glowRadius: 0.8
            spread: 0.3
            cornerRadius: messageBubble.radius + glowRadius
            color: Qt.darker(messageBubble.color, 1.2)
        }*/
        
        // inner area of the message bubble
        /*Rectangle {
            id: messageBubble
            anchors.fill: parent
            radius: 2
            color: authorColor
        }*/


        ColumnLayout {
            id: column
            Layout.fillWidth: true
            anchors.centerIn: parent
            spacing: Kirigami.Units.smallSpacing

            Controls.Label {
                Layout.fillWidth: true

                visible: showAuthor

                text: author.displayName
                font.bold: true
                color: Kirigami.Theme.activeTextColor
                wrapMode: Text.Wrap
            }

            RowLayout {
                Layout.fillWidth: true

                visible: replyVisible

                Rectangle {
                    Layout.preferredWidth: 4
                    Layout.fillHeight: true

                    color: Kirigami.Theme.highlightColor
                }

                Kirigami.Avatar {
                    Layout.preferredWidth: Kirigami.Units.gridUnit * 1.5
                    Layout.preferredHeight: Kirigami.Units.gridUnit * 1.5
                    Layout.alignment: Qt.AlignTop

                    source: replyVisible && reply.author.avatarMediaId ? "image://mxc/" + reply.author.avatarMediaId : ""
                    name: replyVisible ? reply.author.displayName : "H"
                    color: replyVisible ? reply.author.color : MPalette.accent
                }

                ColumnLayout {
                    Layout.fillWidth: true

                    Controls.Label {
                        Layout.fillWidth: true

                        text: replyVisible ? reply.author.displayName : ""
                        color: Kirigami.Theme.activeTextColor
                        wrapMode: Text.Wrap
                    }

                    Text {
                        Layout.fillWidth: true

                        text: replyVisible ? reply.display : ""

                        color: Kirigami.Theme.textColor
    //                    selectionColor: Kirigami.Theme.highlightColor
    //                    selectedTextColor: Kirigami.Theme.highlightedTextColor

    //                    selectByMouse: true
    //                    readOnly: true
                        wrapMode: Text.WrapAtWordBoundaryOrAnywhere
                        textFormat: Text.RichText
                    }
                }
            }
        }
    }
}