import Quickshell.Services.UPower
import Quickshell
import Quickshell.Widgets
import QtQuick
import QtQuick.Layouts
import QtQuick.Effects
import qs
import qs.widgets
import qs.settings

BarComponent {
    id: root
    visible: UPower.displayDevice.isLaptopBattery
    property double percent: UPower.displayDevice.percentage * 100
    property bool hasBattery: UPower.displayDevice.isLaptopBattery
    property bool charging: UPower.displayDevice.state === UPowerDeviceState.Charging
    implicitHeight: Config.moduleHeight
    implicitWidth: batLayout.implicitWidth + 16

    function batteryIcon(percent, charging) {
	if(percent <= 10) return charging ?  "battery-empty-charging" : "battery-empty"
	if(percent < 40) return charging ? "battery-level-30-charging" : "battery-level-30" 
	if(percent < 50) return charging ? "battery-level-40-charging" : "battery-level-40" 
	if(percent < 60) return charging ? "battery-level-50-charging" : "battery-level-50" 
	if(percent < 70) return charging ? "battery-level-60-charging" : "battery-level-60" 
	if(percent < 80) return charging ? "battery-level-70-charging" : "battery-level-70" 
	if(percent < 90) return charging ? "battery-level-80-charging" : "battery-level-80" 
	if(percent > 90) return charging ? "battery-level-90-charging" : "battery-level-90" 
	if(percent == 100) return charging ? "battery-level-100-charging" : "battery-level-100" 
        
    }
    RowLayout {
        id: batLayout
        anchors.centerIn: root
	IconImage {
	    source: Quickshell.iconPath(root.batteryIcon(root.percent, root.charging) + "-symbolic")
	    implicitSize: Config.iconSize
	    layer.enabled: true
	    layer.effect: MultiEffect {
		colorization: 1.0
		colorizationColor: Colors.text
		brightness: 0.5
	    }
	}
        StyledText {
            text: Math.floor(root.percent,root.charging) + "%"
        }
    }
}