import QtQuick
import QtQuick.Layouts
import Quickshell
import Quickshell.Io
import Quickshell.Wayland
import qs.Settings
import qs.Widgets.SettingsWindow
import qs.Components

PanelWithOverlay {
    id: sidebarPopup
    property var shell: null

    // Trigger initial weather loading when component is completed
    Component.onCompleted: {
        // Load initial weather data after a short delay to ensure all components are ready
        Qt.callLater(function() {
            if (weather && weather.fetchCityWeather) {
                weather.fetchCityWeather();
            }
        });
    }

    function showAt() {
        sidebarPopupRect.showAt();
    }

    function hidePopup() {
        sidebarPopupRect.hidePopup();
    }

    function show() {
        sidebarPopupRect.showAt();
    }

    function dismiss() {
        sidebarPopupRect.hidePopup();
    }

    Rectangle {
        id: sidebarPopupRect
        implicitWidth: 500
        implicitHeight: 800
        visible: parent.visible
        color: "transparent"
        anchors.top: parent.top
        anchors.right: parent.right

    
        property real slideOffset: width
        property bool isAnimating: false

        function showAt() {
            if (!sidebarPopup.visible) {
                sidebarPopup.visible = true;
                forceActiveFocus();
                slideAnim.from = width;
                slideAnim.to = 0;
                slideAnim.running = true;
                if (weather)
                    weather.startWeatherFetch();
                if (systemWidget)
                    systemWidget.panelVisible = true;
                if (quickAccessWidget)
                    quickAccessWidget.panelVisible = true;
            }
        }

        function hidePopup() {
            if (shell && shell.settingsWindow && shell.settingsWindow.visible) {
                shell.settingsWindow.visible = false;
            }
            if (wallpaperPanelLoader.active && wallpaperPanelLoader.item && wallpaperPanelLoader.item.visible) {
                wallpaperPanelLoader.item.visible = false;
            }
            if (wifiPanelLoader.active && wifiPanelLoader.item && wifiPanelLoader.item.visible) {
                wifiPanelLoader.item.visible = false;
            }
            if (bluetoothPanelLoader.active && bluetoothPanelLoader.item && bluetoothPanelLoader.item.visible) {
                bluetoothPanelLoader.item.visible = false;
            }
            if (sidebarPopup.visible) {
                slideAnim.from = 0;
                slideAnim.to = width;
                slideAnim.running = true;
            }
        }

        NumberAnimation {
            id: slideAnim
            target: sidebarPopupRect
            property: "slideOffset"
            duration: 300
            easing.type: Easing.OutCubic

            onStopped: {
                if (sidebarPopupRect.slideOffset === sidebarPopupRect.width) {
                    sidebarPopup.visible = false;
            
                    if (weather)
                        weather.stopWeatherFetch();
                    if (systemWidget)
                        systemWidget.panelVisible = false;
                    if (quickAccessWidget)
                        quickAccessWidget.panelVisible = false;
                }
                sidebarPopupRect.isAnimating = false;
            }

            onStarted: {
                sidebarPopupRect.isAnimating = true;
            }
        }

        property int leftPadding: 20
        property int bottomPadding: 20

        Rectangle {
            id: mainRectangle
            width: sidebarPopupRect.width - sidebarPopupRect.leftPadding
            height: sidebarPopupRect.height - sidebarPopupRect.bottomPadding
            anchors.top: sidebarPopupRect.top
            x: sidebarPopupRect.leftPadding + sidebarPopupRect.slideOffset
            y: 0
            color: Theme.backgroundPrimary
            bottomLeftRadius: 20
            z: 0

            Behavior on x {
                enabled: !sidebarPopupRect.isAnimating
                NumberAnimation {
                    duration: 300
                    easing.type: Easing.OutCubic
                }
            }
        }

        // Access the shell's SettingsWindow instead of creating a new one

        // LazyLoader for WifiPanel
        LazyLoader {
            id: wifiPanelLoader
            loading: false
            component: WifiPanel {}
        }

        // LazyLoader for BluetoothPanel
        LazyLoader {
            id: bluetoothPanelLoader
            loading: false
            component: BluetoothPanel {}
        }

        // LazyLoader for WallpaperPanel
        LazyLoader {
            id: wallpaperPanelLoader
            loading: false
            component: WallpaperPanel {
                Component.onCompleted: {
                    if (parent) {
                        anchors.top = parent.top;
                        anchors.right = parent.right;
                    }
                }
            }
        }

        // SettingsIcon component
        SettingsIcon {
            id: settingsModal
            onWeatherRefreshRequested: {
                if (weather && weather.fetchCityWeather) {
                    weather.fetchCityWeather();
                }
            }
        }

        Item {
            anchors.fill: mainRectangle
            x: sidebarPopupRect.slideOffset

            Behavior on x {
                enabled: !sidebarPopupRect.isAnimating
                NumberAnimation {
                    duration: 300
                    easing.type: Easing.OutCubic
                }
            }

            ColumnLayout {
                anchors.fill: parent
                anchors.margins: 20
                spacing: 16

                System {
                    id: systemWidget
                    Layout.alignment: Qt.AlignHCenter
                    z: 3
                }

                Weather {
                    id: weather
                    Layout.alignment: Qt.AlignHCenter
                    z: 2
                }

                // Music and System Monitor row
                RowLayout {
                    spacing: 12
                    Layout.fillWidth: true
                    Layout.alignment: Qt.AlignHCenter

                    Music {
                        z: 2
                    }

                    SystemMonitor {
                        id: systemMonitor
                        z: 2
                    }
                }

                // Power profile, Wifi and Bluetooth row
                RowLayout {
                    Layout.alignment: Qt.AlignLeft
                    Layout.preferredHeight: 80
                    spacing: 16
                    z: 3

                    PowerProfile {
                        Layout.alignment: Qt.AlignLeft
                        Layout.preferredHeight: 80
                    }

                    // Network card containing Wifi and Bluetooth
                    Rectangle {
                        Layout.preferredHeight: 80
                        Layout.preferredWidth: 140
                        Layout.fillWidth: false
                        color: Theme.surface
                        radius: 18

                        Row {
                            anchors.horizontalCenter: parent.horizontalCenter
                            anchors.verticalCenter: parent.verticalCenter
                            spacing: 20

                            // Wifi button
                            Rectangle {
                                id: wifiButton
                                width: 36
                                height: 36
                                radius: 18
                                border.color: Theme.accentPrimary
                                border.width: 1
                                color: wifiButtonArea.containsMouse ? Theme.accentPrimary : "transparent"

                                Text {
                                    anchors.centerIn: parent
                                    text: "wifi"
                                    font.family: "Material Symbols Outlined"
                                    font.pixelSize: 22
                                    color: wifiButtonArea.containsMouse ? Theme.backgroundPrimary : Theme.accentPrimary
                                    verticalAlignment: Text.AlignVCenter
                                    horizontalAlignment: Text.AlignHCenter
                                }

                                MouseArea {
                                    id: wifiButtonArea
                                    anchors.fill: parent
                                    hoverEnabled: true
                                    cursorShape: Qt.PointingHandCursor
                                    onClicked: {
                                        if (!wifiPanelLoader.active) {
                                            wifiPanelLoader.loading = true;
                                        }
                                        if (wifiPanelLoader.item) {
                                            wifiPanelLoader.item.showAt();
                                        }
                                    }
                                }

                                StyledTooltip {
                                    text: "Wifi"
                                    targetItem: wifiButtonArea
                                    tooltipVisible: wifiButtonArea.containsMouse
                                }
                            }

                            // Bluetooth button
                            Rectangle {
                                id: bluetoothButton
                                width: 36
                                height: 36
                                radius: 18
                                border.color: Theme.accentPrimary
                                border.width: 1
                                color: bluetoothButtonArea.containsMouse ? Theme.accentPrimary : "transparent"

                                Text {
                                    anchors.centerIn: parent
                                    text: "bluetooth"
                                    font.family: "Material Symbols Outlined"
                                    font.pixelSize: 22
                                    color: bluetoothButtonArea.containsMouse ? Theme.backgroundPrimary : Theme.accentPrimary
                                    verticalAlignment: Text.AlignVCenter
                                    horizontalAlignment: Text.AlignHCenter
                                }

                                MouseArea {
                                    id: bluetoothButtonArea
                                    anchors.fill: parent
                                    hoverEnabled: true
                                    cursorShape: Qt.PointingHandCursor
                                    onClicked: {
                                        if (!bluetoothPanelLoader.active) {
                                            bluetoothPanelLoader.loading = true;
                                        }
                                        if (bluetoothPanelLoader.item) {
                                            bluetoothPanelLoader.item.showAt();
                                        }
                                    }
                                }

                                StyledTooltip {
                                    text: "Bluetooth"
                                    targetItem: bluetoothButtonArea
                                    tooltipVisible: bluetoothButtonArea.containsMouse
                                }
                            }
                        }
                    }
                }

                Item {
                    Layout.fillHeight: true
                }

                // QuickAccess widget
                QuickAccess {
                    id: quickAccessWidget
                    Layout.alignment: Qt.AlignHCenter
                    Layout.topMargin: -16
                    z: 2
                    isRecording: sidebarPopupRect.isRecording

                    onRecordingRequested: {
                        sidebarPopupRect.startRecording();
                    }

                    onStopRecordingRequested: {
                        sidebarPopupRect.stopRecording();
                    }

                    onRecordingStateMismatch: function (actualState) {
                        isRecording = actualState;
                        quickAccessWidget.isRecording = actualState;
                    }

                    onSettingsRequested: {
                        // Use the SettingsModal's openSettings function
                        if (typeof settingsModal !== 'undefined' && settingsModal && settingsModal.openSettings) {
                            settingsModal.openSettings();
                        }
                    }
                    onWallpaperRequested: {
                        if (!wallpaperPanelLoader.active) {
                            wallpaperPanelLoader.loading = true;
                        }
                        if (wallpaperPanelLoader.item) {
                            wallpaperPanelLoader.item.visible = true;
                        }
                    }
                }
            }
            Keys.onEscapePressed: sidebarPopupRect.hidePopup()
        }

        // Recording properties
        property bool isRecording: false

        // Start screen recording using Quickshell.execDetached
        function startRecording() {
            var currentDate = new Date();
            var hours = String(currentDate.getHours()).padStart(2, '0');
            var minutes = String(currentDate.getMinutes()).padStart(2, '0');
            var day = String(currentDate.getDate()).padStart(2, '0');
            var month = String(currentDate.getMonth() + 1).padStart(2, '0');
            var year = currentDate.getFullYear();

            var filename = hours + "-" + minutes + "-" + day + "-" + month + "-" + year + ".mp4";
            var videoPath = Settings.settings.videoPath;
            if (videoPath && !videoPath.endsWith("/")) {
                videoPath += "/";
            }
            var outputPath = videoPath + filename;
            var command = "gpu-screen-recorder -w portal" +
                " -f " + Settings.settings.recordingFrameRate +
                " -a default_output" +
                " -k " + Settings.settings.recordingCodec +
                " -ac " + Settings.settings.audioCodec +
                " -q " + Settings.settings.recordingQuality +
                " -cursor " + (Settings.settings.showCursor ? "yes" : "no") +
                " -cr " + Settings.settings.colorRange +
                " -o " + outputPath;
            Quickshell.execDetached(["sh", "-c", command]);
            isRecording = true;
            quickAccessWidget.isRecording = true;
        }

        // Stop recording using Quickshell.execDetached
        function stopRecording() {
            Quickshell.execDetached(["sh", "-c", "pkill -SIGINT -f 'gpu-screen-recorder.*portal'"]);
            // Optionally, force kill after a delay
            var cleanupTimer = Qt.createQmlObject('import QtQuick; Timer { interval: 3000; running: true; repeat: false }', sidebarPopupRect);
            cleanupTimer.triggered.connect(function () {
                Quickshell.execDetached(["sh", "-c", "pkill -9 -f 'gpu-screen-recorder.*portal' 2>/dev/null || true"]);
                cleanupTimer.destroy();
            });
            isRecording = false;
            quickAccessWidget.isRecording = false;
        }

        // Clean up processes on destruction
        Component.onDestruction: {
            if (isRecording) {
                stopRecording();
            }
        }

        Loader {
            active: Settings.settings.showCorners
            anchors.fill: parent
            sourceComponent: Item {
                Corners {
                    id: sidebarCornerLeft
                    position: "bottomright"
                    size: 1.1
                    fillColor: Theme.backgroundPrimary
                    anchors.top: parent.top
                    offsetX: -447 + sidebarPopupRect.slideOffset
                    offsetY: 0

                    Behavior on offsetX {
                        enabled: !sidebarPopupRect.isAnimating
                        NumberAnimation {
                            duration: 300
                            easing.type: Easing.OutCubic
                        }
                    }
                }

                Corners {
                    id: sidebarCornerBottom
                    position: "bottomright"
                    size: 1.1
                    fillColor: Theme.backgroundPrimary
                    anchors.bottom: sidebarPopupRect.bottom
                    offsetX: 33 + sidebarPopupRect.slideOffset
                    offsetY: 46

                    Behavior on offsetX {
                        enabled: !sidebarPopupRect.isAnimating
                        NumberAnimation {
                            duration: 300
                            easing.type: Easing.OutCubic
                        }
                    }
                }
            }
        }
    }
}