local lvgl = require("lvgl")
local widgets = require("widgets")
local database = require("database")
local backstack = require("backstack")
local browser = require("browser")
local playing = require("playing")
local theme = require("theme")
local screen = require("screen")

return screen:new {
  createUi = function()
    local menu = widgets.MenuScreen({})

    menu.list = lvgl.List(menu.root, {
      w = lvgl.PCT(100),
      h = lvgl.PCT(100),
      flex_grow = 1,
    })

    local now_playing = menu.list:add_btn(nil, "Now Playing")
    now_playing:onClicked(function()
      backstack.push(playing:new())
    end)
    now_playing:add_style(theme.list_item)

    local indexes = database.indexes()
    for _, idx in ipairs(indexes) do
      local btn = menu.list:add_btn(nil, tostring(idx))
      btn:onClicked(function()
        backstack.push(browser:new {
          title = tostring(idx),
          iterator = idx:iter(),
        })
      end)
      btn:add_style(theme.list_item)
    end

    local settings = menu.list:add_btn(nil, "Settings")
    settings:onClicked(function()
      backstack.push(require("settings"):new())
    end)
    settings:add_style(theme.list_item)

    return menu
  end,
}