import Quickshell
import Quickshell.Widgets
import QtQuick
import QtQuick.Layouts
import qs.Config
import qs.Daemons

Repeater {
    model: ScriptModel {
        values: {
            const map = new Map();
            for ( const n of NotifServer.notClosed )
            map.set( n.appName, null );
            for ( const n of NotifServer.list )
            map.set( n.appName, null );
            return [ ...map.keys() ];
        }
        onValuesChanged: {
            root.flagChanged();
        }
    }
    Column {
        id: groupColumn
        required property string modelData
        property list<var> notifications: NotifServer.list.filter( n => n.appName === modelData )
        width: parent.width
        spacing: 10

        property bool shouldShow: false
        property bool isExpanded: false

        function closeAll(): void {
            for ( const n of NotifServer.notClosed.filter( n => n.appName === modelData ))
            n.close();
        }

        Behavior on height {
            Anim {}
        }

        Behavior on y {
            Anim {
                duration: MaterialEasing.expressiveEffectsTime
                easing.bezierCurve: MaterialEasing.expressiveEffects
            }
        }

        add: Transition {
            id: addTrans
            SequentialAnimation {
                PauseAnimation {
                    duration: ( addTrans.ViewTransition.index - addTrans.ViewTransition.targetIndexes[ 0 ]) * 50
                }
                ParallelAnimation {
                    NumberAnimation {
                        properties: "y";
                        from: addTrans.ViewTransition.destination.y - (height / 2);
                        to: addTrans.ViewTransition.destination.y;
                        duration: 100;
                        easing.type: Easing.OutCubic
                    }
                    NumberAnimation {
                        properties: "opacity";
                        from: 0;
                        to: 1;
                        duration: 100;
                        easing.type: Easing.OutCubic
                    }
                    NumberAnimation {
                        properties: "scale";
                        from: 0.7;
                        to: 1.0;
                        duration: 100
                        easing.type: Easing.InOutQuad
                    }
                }
            }
        }

        move: Transition {
            id: moveTrans
            NumberAnimation {
                properties: "y";
                duration: 100;
                easing.type: Easing.OutCubic
            }
        }

        RowLayout {
            width: parent.width
            height: 30

            Text {
                Layout.alignment: Qt.AlignVCenter | Qt.AlignLeft
                Layout.leftMargin: 5
                text: groupColumn.modelData
                color: "white"
                font.pointSize: 14
                font.bold: true
            }

            Rectangle {
                Layout.alignment: Qt.AlignVCenter | Qt.AlignRight
                Layout.fillHeight: true
                Layout.preferredWidth: 30
                color: collapseArea.containsMouse ? "#15FFFFFF" : "transparent"
                radius: groupColumn.isExpanded ? 4 : Layout.preferredHeight / 2
                visible: true

                Text {
                    anchors.centerIn: parent
                    text: groupColumn.isExpanded ? "\ue944" : groupColumn.notifications.length
                    font.family: groupColumn.isExpanded ? "Material Symbols Rounded" : "Rubik"
                    font.pointSize: 18
                    color: "white"
                }

                MouseArea {
                    id: collapseArea
                    anchors.fill: parent
                    hoverEnabled: true
                    onClicked: {
                        groupColumn.shouldShow = false;
                    }
                }
            }
        }
        NotifGroupRepeater { }
    }
}