local lvgl = require("lvgl")
local power = require("power")
local bluetooth = require("bluetooth")
local playback = require("playback")

local widgets = {}

function widgets.StatusBar(parent, opts)
  local status_bar = {}

  status_bar.root = parent:Object {
    flex = {
      flex_direction = "row",
      justify_content = "flex-start",
      align_items = "center",
      align_content = "center",
    },
    w = lvgl.HOR_RES(),
    h = lvgl.SIZE_CONTENT,
    bg_opa = lvgl.OPA(100),
    bg_color = "#fff",
    pad_top = 1,
    pad_bottom = 1,
    pad_column = 1,
    shadow_width = 6,
    shadow_opa = lvgl.OPA(50),
    shaddow_ofs_x = 0,
    scrollbar_mode = lvgl.SCROLLBAR_MODE.OFF,
  }

  if opts.back_cb then
    status_bar.back = status_bar.root:Label {
      w = lvgl.SIZE_CONTENT,
      h = 12,
      text = "<",
    }
    status_bar.back:onClicked(opts.back_cb)
  end

  status_bar.title = status_bar.root:Label {
    w = lvgl.PCT(100),
    h = 16,
    text = "",
    flex_grow = 1,
  }
  if opts.title then
    status_bar.title.set { text = opts.title }
  end

  status_bar.playing = status_bar.root:Image {}
  status_bar.bluetooth = status_bar.root:Image {}
  status_bar.battery = status_bar.root:Image {}

  status_bar.bindings = {
    power.battery_pct:bind(function(percent)
      local src
      if percent >= 95 then
        src = "battery_full.png"
      elseif percent >= 75 then
        src = "battery_80.png"
      elseif percent >= 55 then
        src = "battery_60.png"
      elseif percent >= 35 then
        src = "battery_40.png"
      elseif percent >= 15 then
        src = "battery_20.png"
      else
        src = "battery_empty.png"
      end
      status_bar.battery:set_src("//lua/assets/" .. src)
    end),
    playback.playing:bind(function(playing)
      if playing then
        status_bar.playing:set_src("//lua/assets/play.png")
      else
        status_bar.playing:set_src("//lua/assets/pause.png")
      end
    end),
    playback.track:bind(function(track)
      if track then
        status_bar.playing:clear_flag(lvgl.FLAG.HIDDEN)
      else
        status_bar.playing:add_flag(lvgl.FLAG.HIDDEN)
      end
    end),
    bluetooth.enabled:bind(function(en)
      if en then
        status_bar.bluetooth:clear_flag(lvgl.FLAG.HIDDEN)
      else
        status_bar.bluetooth:add_flag(lvgl.FLAG.HIDDEN)
      end
    end),
    bluetooth.connected:bind(function(connected)
      if connected then
        status_bar.bluetooth:set_src("//lua/assets/bt_conn.png")
      else
        status_bar.bluetooth:set_src("//lua/assets/bt.png")
      end
    end),
  }

  return status_bar
end

return widgets