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")

return 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)
  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(function()
        return browser {
          title = tostring(idx),
          iterator = idx:iter()
        }
      end)
    end)
    btn:add_style(theme.list_item)
  end

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

  return menu
end
