--[[
  @project: Avenis
  @author: Savsky
  @contact:
    discord project: https://discord.gg/3pxDCJm
    discord: Savsky#9441
]]

local sx,sy = guiGetScreenSize() -- pobieramy rozdzielczość gracza który widzi gui
local px,py = (sx/1366),(sy/768) -- dzielimy rozdzielczość gracza który widzi gui przez rozdzielczość na której było robione


-- settings
local ui = {
    fonts = {
	    normal = dxCreateFont(':av-hud/assets/fonts/normal.ttf', 11) or 'default-bold',
        bold = dxCreateFont(':av-hud/assets/fonts/bold.ttf', 14) or 'default-bold',
    },
    gui = {
        bar = dxCreateTexture("assets/gui/bar.png"),
        fbar = dxCreateTexture("assets/gui/fuelbar.png")
    },
    positions = {
        bar = {x = 16*px, y = 546*py, w = 314*px, h = 44*py},
        fuelbar = {x = 333*px, y = 546*py, w = 19*px, h = 199*py},
        speedo = {x = 24*px, y = 552*py, w = 159*px, h = 583*py},
        km = {x = 188*px, y = 552*py, w = 323*px, h = 583*py},
        fuel = {x = 335*px + 0.60*px, y = 566*py, w = 14*px, h = 177*py},
    }
}


addEventHandler("onClientRender", root, function()
    local vehicle = getPlayerOccupiedVehicle(localPlayer)
    if vehicle then
        local vx, vy, vz = getElementVelocity(vehicle)
        local predkosc = math.ceil((vx^2+vy^2+vz^2) ^ (0.5) * 161)
        local przebieg = 1000
        dxDrawImage(ui.positions.bar.x, ui.positions.bar.y, ui.positions.bar.w, ui.positions.bar.h, ui.gui.bar)
        dxDrawImage(ui.positions.fuelbar.x, ui.positions.fuelbar.y, ui.positions.fuelbar.w, ui.positions.fuelbar.h, ui.gui.fbar)
        dxDrawText(string.format('%03d', predkosc).. " km/h", ui.positions.speedo.x, ui.positions.speedo.y, ui.positions.speedo.w, ui.positions.speedo.h, tocolor(255, 255, 255, 255), 1.00, ui.fonts.bold, "left", "center", false, false, false, false, false)
        dxDrawText(string.format('%06d', przebieg).." km", ui.positions.km.x, ui.positions.km.y, ui.positions.km.w, ui.positions.km.h, tocolor(255, 255, 255, 255), 1.00, ui.fonts.bold, "right", "center", false, false, false, false, false)
        dxDrawRectangle(ui.positions.fuel.x, ui.positions.fuel.y, ui.positions.fuel.w, ui.positions.fuel.h, tocolor(48, 171, 189, 255))
    end
end)