local awful = require "awful"
local gshape = require "gears.shape"
local phosphor = require "assets.phosphor"
local q = require "quarrel"
local qui = require "quarrel.ui"
local qvars = require "quarrel.vars"
local wibox = require "wibox"

local M = {}

M._popup = qui.popup {
    -- visible = false,
    ontop = true,
    placement = "right",
    shape = function(cr, w, h)
        gshape.partially_rounded_rect(cr, w, h, true, false, false, true, qui.BORDER_RADIUS)
    end,
    -- x = awful.screen.focused().geometry.width,
    -- minimum_width = width,
    -- maximum_width = width,
    -- maximum_height = max_height,
    widget = awful.widget.tasklist {
        screen = awful.screen.focused(),
        filter = awful.widget.tasklist.filter.allscreen,
        layout = {
            spacing = qui.BIG_PADDING,
            layout = wibox.layout.fixed.vertical,
        },
        widget_template = qui.styled {
            widget = wibox.container.background,
            {
                {
                    widget = wibox.container.constraint,
                    strategy = "max",
                    height = qui.CHAR_HEIGHT,
                    width = qui.CHAR_HEIGHT,
                    {
                        widget = wibox.widget.imagebox,
                        id = "icon_role",
                    },
                },
                {
                    widget = wibox.container.constraint,
                    strategy = "max",
                    width = qui.CHAR_WIDTH * 24,
                    {
                        widget = wibox.widget.textbox,
                        id = "client_name",
                    },
                },
                layout = wibox.layout.fixed.horizontal,
                spacing = qui.PADDING,
            },
            create_callback = function(self, c)
                self:get_children_by_id("client_name")[1].text = c.icon_name
            end,
            update_callback = function(self, c)
                self:get_children_by_id("client_name")[1].text = c.name
            end,
        },
    },
}

return M