// Copyright (C) 2026 Danilo M. <danix@danix.xyz>
//
// This program is free software; you can redistribute it and/or modify
// it under the terms of the GNU General Public License version 2 as
// published by the Free Software Foundation.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.

import QtQuick

// The drawer's reserved notification space: a header with a History button,
// then the live queue, scrollable because the queue can hold 20 and the grid
// below is fixed. The grid owns its own position, so this space only fills
// what the grid leaves.
Item {
    id: list

    signal history

    Column {
        anchors.fill: parent
        spacing: 6

        Item {
            width: parent.width
            height: 28

            Text {
                anchors { left: parent.left; verticalCenter: parent.verticalCenter }
                text: "Notifications"
                font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 4; bold: true }
                color: Theme.subtext
            }

            Text {
                id: historyBtn
                anchors { right: parent.right; verticalCenter: parent.verticalCenter }
                text: "History"
                font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 4 }
                color: historyArea.containsMouse ? Theme.accent : Theme.subtext

                MouseArea {
                    id: historyArea
                    anchors.fill: parent
                    anchors.margins: -6
                    hoverEnabled: true
                    cursorShape: Qt.PointingHandCursor
                    onClicked: list.history()
                }
            }
        }

        Flickable {
            id: flick
            width: parent.width
            height: parent.height - 34
            clip: true
            contentWidth: width
            contentHeight: col.implicitHeight
            boundsBehavior: Flickable.StopAtBounds

            Column {
                id: col
                width: flick.width
                spacing: 2

                Repeater {
                    model: Notify.queue
                    NotificationRow {
                        required property var modelData
                        width: col.width
                        notification: modelData
                        live: true
                    }
                }

                Text {
                    width: col.width
                    visible: Notify.queue.length === 0
                    text: "No notifications"
                    font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 4 }
                    color: Theme.overlay
                }
            }
        }
    }
}