import "../.."
import QtQuick
import Quickshell.Services.UPower
import "classes"

Row {
  layoutDirection: Qt.RightToLeft
  spacing: 2
  Repeater {
    model: UPower.devices.values.filter(d => d.model)
    BarText {
      required property var modelData
      property var lvl: Math.round(modelData.percentage * 100)
      property var jotm: modelData.model == "Jupiter of the Monkey"
      property var icon: (jotm) ? Icons.jotm : `<span style='color:${Enum.chargeState[modelData.state]};'>${Icons.devices[modelData.type]}</span>`
      text: Resources.sep + icon + " " + lvl + "%"
      color: (modelData.state == 1) ? Style.saffron : (lvl < 20) ? Style.scarlet : Style.fg
    }
  }
}