local Easing = require('common.easings');
local Footer = require('components.footer');

local VolforceWindow = require('components.volforceWindow')

local resx, resy = game.GetResolution()
local desw = 1080
local desh = 1920
local scale = 1

local BAR_ALPHA = 191;
local HEADER_HEIGHT = 100


local backgroundImage = gfx.CreateSkinImage("challenge_result/bg.png", 0);
local playerInfoOverlayBgImage = gfx.CreateSkinImage("challenge_result/player_info_overlay_bg.png", 0);


function resetLayoutInformation()
    resx, resy = game.GetResolution()
    desw = 1080
    desh = 1920
    scale = resx / desw
end

function drawBackground()
    gfx.BeginPath()
    gfx.ImageRect(0, 0, desw, desh, backgroundImage, 1, 0);
end

function drawHeader()
    gfx.BeginPath();
    gfx.FillColor(0, 0, 0, BAR_ALPHA);
    gfx.Rect(0, 0, desw, HEADER_HEIGHT);
    gfx.Fill();
    gfx.ClosePath()

    -- gfx.ImageRect(desw/2 - 200, HEADER_HEIGHT/2 - 20, 400, 40, headerTitleImage, 1, 0)
end

function drawPlayerInfo()
    gfx.BeginPath()
    gfx.ImageRect(300, 352, 374*0.85, 222*0.85, playerInfoOverlayBgImage, 1, 0);
end

function render(deltaTime)
    gfx.ResetTransform();
    resetLayoutInformation();
    gfx.Scale(scale,scale);

    drawBackground()

    drawPlayerInfo()


    drawHeader()
    Footer.draw(deltaTime);
end