local version = require("common.version")
local Display = require("scripts.graphics.display")

local BAR_ALPHA = 191

local FOOTER_HEIGHT = 128
local footerY = Display.design.height - FOOTER_HEIGHT

-- Images
local footerRightImage = gfx.CreateSkinImage("components/bars/footer_right.png", 0)

-- Animation related
local entryTransitionScale = 0
local entryTransitionFooterYOffset = 0

local legend = {{control = "START", text = "Confirm selection"}, {control = "KNOB", text = "Scroll"}}

local function set() end

local function drawFooter()
    gfx.BeginPath()
    gfx.FillColor(0, 0, 0, BAR_ALPHA)
    gfx.Rect(0, footerY, Display.design.width, FOOTER_HEIGHT)
    gfx.Fill()

    gfx.BeginPath()
    gfx.ImageRect(Display.design.width - 275, footerY - 25, 328 * 0.85, 188 * 0.85, footerRightImage, 1, 0)

    gfx.BeginPath()
    gfx.LoadSkinFont("Digital-Serial-Bold.ttf")
    gfx.FontSize(20)
    gfx.TextAlign(gfx.TEXT_ALIGN_LEFT + gfx.TEXT_ALIGN_TOP)
    gfx.FillColor(255, 255, 255, 255)
    gfx.Text("EXPERIMENTALGEAR " .. version.major .. "." .. version.minor .. "." .. version.patch .. "", 8, 1895)
end

local function progressTransitions(deltaTime)
    entryTransitionScale = entryTransitionScale + deltaTime / 0.3
    if (entryTransitionScale > 1) then entryTransitionScale = 1 end

    entryTransitionFooterYOffset = FOOTER_HEIGHT * (1 - entryTransitionScale)
    footerY = Display.design.height - FOOTER_HEIGHT + entryTransitionFooterYOffset
end

local function draw(deltaTime, params)
    if params and params.noEnterTransition then
        entryTransitionScale = 1
    end

    gfx.Save()

    gfx.ResetTransform()

    Display.updateResolution()

    Display.transformToScreenSpace()

    gfx.LoadSkinFont("NotoSans-Regular.ttf")

    drawFooter()

    progressTransitions(deltaTime)

    gfx.Restore()
end

return {set = set, draw = draw}