import QtQuick
import qs.Common
import qs.Services
import qs.Widgets

Row {
    width: parent.width
    spacing: Theme.spacingM
    Component.onCompleted: {
        SysMonitorService.addRef();
    }
    Component.onDestruction: {
        SysMonitorService.removeRef();
    }

    Rectangle {
        width: (parent.width - Theme.spacingM * 2) / 3
        height: 80
        radius: Theme.cornerRadiusLarge
        color: {
            if (SysMonitorService.sortBy === "cpu")
                return Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.16);
            else if (cpuCardMouseArea.containsMouse)
                return Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12);
            else
                return Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.08);
        }
        border.color: SysMonitorService.sortBy === "cpu" ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.4) : Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.2)
        border.width: SysMonitorService.sortBy === "cpu" ? 2 : 1

        MouseArea {
            id: cpuCardMouseArea

            anchors.fill: parent
            hoverEnabled: true
            cursorShape: Qt.PointingHandCursor
            onClicked: SysMonitorService.setSortBy("cpu")
        }

        Column {
            anchors.left: parent.left
            anchors.leftMargin: Theme.spacingM
            anchors.verticalCenter: parent.verticalCenter
            spacing: 2

            StyledText {
                text: "CPU"
                font.pixelSize: Theme.fontSizeSmall
                font.weight: Font.Medium
                color: SysMonitorService.sortBy === "cpu" ? Theme.primary : Theme.secondary
                opacity: SysMonitorService.sortBy === "cpu" ? 1 : 0.8
            }

            Row {
                spacing: Theme.spacingS

                StyledText {
                    text: SysMonitorService.totalCpuUsage.toFixed(1) + "%"
                    font.pixelSize: Theme.fontSizeLarge
                    font.family: SettingsData.monoFontFamily
                    font.weight: Font.Bold
                    color: Theme.surfaceText
                    anchors.verticalCenter: parent.verticalCenter
                }

                Rectangle {
                    width: 1
                    height: 20
                    color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.3)
                    anchors.verticalCenter: parent.verticalCenter
                }

                StyledText {
                    text: {
                        if (SysMonitorService.cpuTemperature === undefined || SysMonitorService.cpuTemperature === null || SysMonitorService.cpuTemperature < 0) {
                            return "--°";
                        }
                        return Math.round(SysMonitorService.cpuTemperature) + "°";
                    }
                    font.pixelSize: Theme.fontSizeMedium
                    font.family: SettingsData.monoFontFamily
                    font.weight: Font.Medium
                    color: {
                        if (SysMonitorService.cpuTemperature > 80)
                            return Theme.error;
                        if (SysMonitorService.cpuTemperature > 60)
                            return Theme.warning;
                        return Theme.surfaceText;
                    }
                    anchors.verticalCenter: parent.verticalCenter
                }
            }

            StyledText {
                text: SysMonitorService.cpuCount + " cores"
                font.pixelSize: Theme.fontSizeSmall
                font.family: SettingsData.monoFontFamily
                color: Theme.surfaceText
                opacity: 0.7
            }

        }

        Behavior on color {
            ColorAnimation {
                duration: Theme.shortDuration
            }

        }

        Behavior on border.color {
            ColorAnimation {
                duration: Theme.shortDuration
            }

        }

    }

    Rectangle {
        width: (parent.width - Theme.spacingM * 2) / 3
        height: 80
        radius: Theme.cornerRadiusLarge
        color: {
            if (SysMonitorService.sortBy === "memory")
                return Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.16);
            else if (memoryCardMouseArea.containsMouse)
                return Qt.rgba(Theme.secondary.r, Theme.secondary.g, Theme.secondary.b, 0.12);
            else
                return Qt.rgba(Theme.secondary.r, Theme.secondary.g, Theme.secondary.b, 0.08);
        }
        border.color: SysMonitorService.sortBy === "memory" ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.4) : Qt.rgba(Theme.secondary.r, Theme.secondary.g, Theme.secondary.b, 0.2)
        border.width: SysMonitorService.sortBy === "memory" ? 2 : 1

        MouseArea {
            id: memoryCardMouseArea

            anchors.fill: parent
            hoverEnabled: true
            cursorShape: Qt.PointingHandCursor
            onClicked: SysMonitorService.setSortBy("memory")
        }

        Column {
            anchors.left: parent.left
            anchors.leftMargin: Theme.spacingM
            anchors.verticalCenter: parent.verticalCenter
            spacing: 2

            StyledText {
                text: "Memory"
                font.pixelSize: Theme.fontSizeSmall
                font.weight: Font.Medium
                color: SysMonitorService.sortBy === "memory" ? Theme.primary : Theme.secondary
                opacity: SysMonitorService.sortBy === "memory" ? 1 : 0.8
            }

            Row {
                spacing: Theme.spacingS

                StyledText {
                    text: SysMonitorService.formatSystemMemory(SysMonitorService.usedMemoryKB)
                    font.pixelSize: Theme.fontSizeLarge
                    font.family: SettingsData.monoFontFamily
                    font.weight: Font.Bold
                    color: Theme.surfaceText
                    anchors.verticalCenter: parent.verticalCenter
                }

                Rectangle {
                    width: 1
                    height: 20
                    color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.3)
                    anchors.verticalCenter: parent.verticalCenter
                    visible: SysMonitorService.totalSwapKB > 0
                }

                StyledText {
                    text: SysMonitorService.totalSwapKB > 0 ? SysMonitorService.formatSystemMemory(SysMonitorService.usedSwapKB) : ""
                    font.pixelSize: Theme.fontSizeMedium
                    font.family: SettingsData.monoFontFamily
                    font.weight: Font.Medium
                    color: SysMonitorService.usedSwapKB > 0 ? Theme.warning : Theme.surfaceText
                    anchors.verticalCenter: parent.verticalCenter
                    visible: SysMonitorService.totalSwapKB > 0
                }
            }

            StyledText {
                text: {
                    if (SysMonitorService.totalSwapKB > 0) {
                        return "of " + SysMonitorService.formatSystemMemory(SysMonitorService.totalMemoryKB) + " + swap";
                    }
                    return "of " + SysMonitorService.formatSystemMemory(SysMonitorService.totalMemoryKB);
                }
                font.pixelSize: Theme.fontSizeSmall
                font.family: SettingsData.monoFontFamily
                color: Theme.surfaceText
                opacity: 0.7
            }

        }

        Behavior on color {
            ColorAnimation {
                duration: Theme.shortDuration
            }

        }

        Behavior on border.color {
            ColorAnimation {
                duration: Theme.shortDuration
            }

        }

    }

    Rectangle {
        width: (parent.width - Theme.spacingM * 2) / 3
        height: 80
        radius: Theme.cornerRadiusLarge
        color: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.08)
        border.color: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.2)
        border.width: 1

        Column {
            anchors.left: parent.left
            anchors.leftMargin: Theme.spacingM
            anchors.verticalCenter: parent.verticalCenter
            spacing: 2

            StyledText {
                text: "Graphics"
                font.pixelSize: Theme.fontSizeSmall
                font.weight: Font.Medium
                color: Theme.secondary
                opacity: 0.8
            }

            StyledText {
                text: {
                    if (!SysMonitorService.availableGpus || SysMonitorService.availableGpus.length === 0) {
                        return "None";
                    }
                    if (SysMonitorService.availableGpus.length === 1) {
                        var gpu = SysMonitorService.availableGpus[0];
                        var temp = gpu.temperature;
                        var tempText = (temp === undefined || temp === null || temp === 0) ? "--°" : Math.round(temp) + "°";
                        return tempText;
                    }
                    // Multiple GPUs - show average temp
                    var totalTemp = 0;
                    var validTemps = 0;
                    for (var i = 0; i < SysMonitorService.availableGpus.length; i++) {
                        var temp = SysMonitorService.availableGpus[i].temperature;
                        if (temp !== undefined && temp !== null && temp > 0) {
                            totalTemp += temp;
                            validTemps++;
                        }
                    }
                    if (validTemps > 0) {
                        return Math.round(totalTemp / validTemps) + "°";
                    }
                    return "--°";
                }
                font.pixelSize: Theme.fontSizeLarge
                font.family: SettingsData.monoFontFamily
                font.weight: Font.Bold
                color: {
                    if (!SysMonitorService.availableGpus || SysMonitorService.availableGpus.length === 0) {
                        return Theme.surfaceText;
                    }
                    if (SysMonitorService.availableGpus.length === 1) {
                        var temp = SysMonitorService.availableGpus[0].temperature || 0;
                        if (temp > 80) return Theme.tempDanger;
                        if (temp > 60) return Theme.tempWarning;
                        return Theme.surfaceText;
                    }
                    // Multiple GPUs - get max temp for coloring
                    var maxTemp = 0;
                    for (var i = 0; i < SysMonitorService.availableGpus.length; i++) {
                        var temp = SysMonitorService.availableGpus[i].temperature || 0;
                        if (temp > maxTemp) maxTemp = temp;
                    }
                    if (maxTemp > 80) return Theme.tempDanger;
                    if (maxTemp > 60) return Theme.tempWarning;
                    return Theme.surfaceText;
                }
            }

            StyledText {
                text: {
                    if (!SysMonitorService.availableGpus || SysMonitorService.availableGpus.length === 0) {
                        return "No GPUs detected";
                    }
                    if (SysMonitorService.availableGpus.length === 1) {
                        return SysMonitorService.availableGpus[0].driver.toUpperCase();
                    }
                    return SysMonitorService.availableGpus.length + " GPUs detected";
                }
                font.pixelSize: Theme.fontSizeSmall
                font.family: SettingsData.monoFontFamily
                color: Theme.surfaceText
                opacity: 0.7
            }

        }

    }

}