local VolforceWindow = require('components.volforceWindow');

local desw = 1080;
local desh = 1920;

local bgImage = gfx.CreateSkinImage("gameplay/user_panel/bg.png", 0);

local appealCardImage = gfx.CreateSkinImage("crew/appeal_card.png", 0);
local danBadgeImage = gfx.CreateSkinImage("dan.png", 0);
local idolFrameImage = gfx.CreateSkinImage("crew/frame.png", 0);


local username  = game.GetSkinSetting('username') or '';

local tickTransitions = function (deltaTime)
    
end

local render = function (deltaTime)
    tickTransitions(deltaTime)

    gfx.BeginPath();
    gfx.ImageRect(
        0,
        650,
        449*0.85,
        336*0.85,
        idolFrameImage,
        1,
        0
    );

    gfx.BeginPath();
    gfx.ImageRect(
        0,
        650,
        449*0.85,
        336*0.85,
        bgImage,
        1,
        0
    );

    -- Draw appeal card
    gfx.BeginPath();
    gfx.ImageRect(
        10,
        767,
        150*0.62,
        192*0.62,
        appealCardImage,
        1,
        0
    );

    -- Draw username
    gfx.LoadSkinFont('Digital-Serial-Bold.ttf')
    gfx.TextAlign(gfx.TEXT_ALIGN_LEFT + gfx.TEXT_ALIGN_MIDDLE)
    gfx.FontSize(26)
    gfx.Text(username, 150, 802);

    -- Draw dan badge & volforce
    gfx.BeginPath();
    gfx.ImageRect(
        117,
        856,
        294*0.32, -- what are these whacky measurements
        84*0.32,
        danBadgeImage,
        1,
        0
    );

    VolforceWindow.render(deltaTime, 220, 847)
    
end

return {
    render=render
}