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
    implicitWidth: batLayout.implicitWidth + 16

    function batteryIcon() {
	let charging = root.charging
	let percent = root.percent
	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
StyledIcon {
    iconName: root.batteryIcon()
	    }
	
        StyledText {
            text: Math.floor(root.percent,root.charging) + "%"
        }
    }
}