local beautiful = require("beautiful")
local wibox = require("wibox")
local rubato = require("lib.rubato")
local gears = require("gears")
local awful = require("awful")

local dpi = beautiful.xresources.apply_dpi

local arrow = wibox.widget.textbox()
arrow.font = beautiful.font_name .. "13"
arrow.markup = "»"

local systray = wibox.widget.systray()
systray.visible = true
beautiful.systray_icon_spacing = dpi(4)

local widget = wibox.widget({
	widget = wibox.container.constraint,
	strategy = "max",
	width = dpi(0),
	{
		widget = wibox.container.margin,
		margins = dpi(2),
		systray,
	},
})

widget.visible = true

local slide = rubato.timed({
	duration = 0.9,
	awestore_compat = true,
	subscribed = function(pos)
		widget.width = pos
	end,
})

local value = true

arrow.toggle = function()
	if value == false then
		arrow.markup = "»"
		value = true
		slide:set(2)
	else
		arrow.markup = "«"
		slide:set(500)
		value = false
	end
end

awesome.connect_signal("arrow::toggle", function()
	arrow.toggle()
end)

arrow:buttons(gears.table.join(awful.button({}, 1, function()
	awesome.emit_signal("arrow::toggle")
end)))

local sys = wibox.widget({
	layout = wibox.layout.fixed.horizontal,
	arrow,
	widget,
	spacing = dpi(2),
})

return sys