(defwindow bar0
	:monitor 0
	:geometry (geometry :height "100%"
	                    :width "40px"
	                    :anchor "center left")
	:stacking "fg"
	:exclusive true
	(centerbox :orientation "v" :active true :class "sidebar"
		(workspaces :monitor 0)
		(middle)
		(bottom)
))

(defwindow bar1
	:monitor 1
	:geometry (geometry :height "100%"
	                    :width "50px"
	                    :anchor "center left")
	:stacking "fg"
	:exclusive true
	(centerbox :orientation "v" :active true :class "sidebar"
		(workspaces :monitor 1)
		(middle)
		(bottom)
))

(defwidget middle []
	(box :orientation "v"
	     :valign "center"
	     :space-evenly false
))

(defwidget bottom []
	(box :orientation "v"
	     :valign "end"
	     :class "bottom"
	     :space-evenly false
		(vpn)
		(speaker)
		(temperature)
		(battery)
		(box :class "thingy" (systray :orientation "v"))
		(date)
		(clock)
		(pwr)
))

(defwidget workspaces [monitor]
	(box :orientation "v"
	     :valign "start"
	     :class "workspaces"
	     :space-evenly: false
		; can't use a for loop here because that breaks css animations
		(workspace :monitor monitor :n 1)
		(workspace :monitor monitor :n 2)
		(workspace :monitor monitor :n 3)
		(workspace :monitor monitor :n 4)
		(workspace :monitor monitor :n 5)
		(workspace :monitor monitor :n 6)
		(workspace :monitor monitor :n 7)
		(workspace :monitor monitor :n 8)
		(workspace :monitor monitor :n 9)
		(workspace :monitor monitor :n 10)
		(workspace :monitor monitor :n 11)
		(workspace :monitor monitor :n 12)
))

(defwidget workspace [monitor n]
	(button :visible {jq(workspaces, '.["${n}"] != null')}
	        :class 'workspace ${workspaces[n].active && monitor == workspaces[n].monitor ? "active" : ""}'
		(label :text n))
)

(defwidget speaker []
	(eventbox
	          :onhover "${EWW_CMD} update show_volume=true"
	          :onhoverlost "${EWW_CMD} update show_volume=false"
		(box :orientation "v"
		     :class "thingy volbox ${show_volume ? "active" : ""}"
		     :space-evenly false
			(revealer :transition "slidedown"
			          :reveal show_volume
				(scale :orientation "v"
				       :class "volume"
				       :flipped true
				       :min 0
				       :max 100
				       :value volume_out
				       :onchange "pamixer --set-volume {} && volshow"
			))
			(label :text "VOL")
			(revealer :transition "slideup"
			          :reveal {!show_volume}
				(label :text volume_out)
			)
)))

(defwidget vpn []
	(button :valign "end"
	        :class "vpn thingy ${vpn_status.class}"
	        :onclick "${vpn_status.on_click}"
	        :tooltip "${vpn_status.tooltip}"
		(label :text "${vpn_status.icon}")
))

(defwidget temperature []
	(box :orientation "v"
	     :valign "end"
	     :class "battery thingy"
	     :visible {current_temp != ""}
		(label :text "TMP")
		(label :text "${current_temp / 1000}°")
))

(defwidget battery []
	(box :orientation "v"
	     :valign "end"
	     :class "thingy"
	     :visible {bat_charge != ""}
		(label :text "BAT")
		(circular-progress
			:thickness 4.0
			:value bat_charge
			:class {
				bat_status == "Charging" ? "battery-gauge charging" :
				bat_charge < 15          ? "battery-gauge low" :
				                           "battery-gauge"
			}
		)
		;(label :text "${bat_charge}%")
))

(defwidget date []
	(tooltip :halign "fill"
		(calendar :class "calendar")
		(button :onclick "ba gnome-calendar"
		        :hexpand true
		        :class "thingy date clickable"
			(box :orientation "v"
				(label :text current_month)
				(label :text current_day)
))))

(defwidget clock []
	(box :orientation "v"
	     :valign "end"
	     :class "clock thingy"
		(label :text current_hour)
		(label :text current_minute)
))

(defwidget pwr []
	(button :orientation "v"
		    :valign "end"
		    :class "thingy pwrbtn clickable"
		    :onclick "${EWW_CMD} open --toggle pwrctl"
		(label :text "⏻")
))

(defwindow pwrctl
	:monitor 0
	:geometry (geometry :y "5%"
	                    :x "20px"
	                    :height "200px"
	                    :width "300px"
	                    :anchor "bottom left")
	:stacking "fg"
	;:exclusive true
	(box :orientation "v"
	     :valign "end"
	     :class "thingy"
		(label :text "SLEEP")
		(label :text "OFF")
))

(defvar show_volume false)

(defpoll workspaces      :interval "1s" "eww-workspaces")
(defpoll volume_out      :interval "1s" "pamixer --get-volume")
(defpoll vpn_status      :interval "1s" "mullvad-status")
(defpoll current_minute  :interval "1s" "date +%M")
(defpoll current_hour    :interval "1s" "date +%H")
(defpoll current_day     :interval "60s" "date +%d")
(defpoll current_month   :interval "60s" "date +%b")
(defpoll bat_charge      :interval "15s" "cat /sys/class/power_supply/BAT0/capacity")
(defpoll bat_status      :interval "15s" "cat /sys/class/power_supply/BAT0/status")
(defpoll current_temp    :interval "5s"  "cat /sys/class/thermal/thermal_zone*/temp")