local skinsmarker=createMarker(2331.3999, 6.5, 25.5, "cylinder", 1.2, 0, 0, 0, 100)

screenW, screenH = guiGetScreenSize()

ExitButtonSkins = guiCreateLabel(screenW * 0.796, screenH * 0.604, screenW * 0.180, screenH * 0.060, "", false)
guiSetVisible (ExitButtonSkins, false)

string skins={Podstawowy,Cywil 1,254,100,106,94,11,12,10,9,41,43,93,96,95,31,38}

local VALID_SKIN=0

gridlist=guiCreateGridList(screenW * 0.800, screenH * 0.300, screenW * 0.180, screenH * 0.300, false)
guiGridListAddColumn(gridlist, "ID", 0.9)
guiSetAlpha ( gridlist, 1.00 )
guiSetVisible(gridlist, false)

local fontSkinShop = dxCreateFont("font.ttf", 0.020*screenH)

function dxGuiSkins ()
    local buttonExit =  dxDrawImage ( screenW * 0.798, screenH * 0.604, screenW * 0.180, screenH * 0.060, 'butt.png', 180, 0, 0, tocolor(255, 0, 0, 250), true)
    local renderSkinDx = dxDrawImage ( screenW * 0.790, screenH * 0.280, screenW * 0.200, screenH * 0.400, 'score.png', 180, 0, 0, tocolor(0, 0, 0, 100), true)
    local buttonExitText = dxDrawText("Wybierz", screenW * 0.845, screenH * 0.620, screenW * 0.180, screenH * 0.060, tocolor(255, 255, 255, 255), 1, fontSkinShop, "left", "top", false, false, true, true, true)
end

function fillSkinData()
    guiGridListClear(gridlist)
    for i,v in ipairs(skins) do
        local row=guiGridListAddRow(gridlist)
        guiGridListSetItemText(gridlist, row, 1, v, false, false)
    end
end

addEventHandler("onClientGUIClick", gridlist, function()
    local selectedRow=guiGridListGetSelectedItem(gridlist)
    if selectedRow < 0 then return end
    local model=guiGridListGetItemText(gridlist, selectedRow, 1)
    VALID_SKIN=model
    setElementModel(localPlayer,model)
    setElementData(localPlayer,"skinID",model)
end)

addEventHandler("onClientMarkerHit", skinsmarker, function(el,md)
    if el~=localPlayer then return end
    showCursor(true)
    local x,y,z=getElementPosition(localPlayer)
    setTimer(function()
        fillSkinData()
        guiSetVisible(gridlist,true)
        guiSetVisible (ExitButtonSkins, true)
        addEventHandler ( "onClientRender", getRootElement(), dxGuiSkins )
    end, 500, 1)
end)

function onClickBtnExitFromSkinShop(button,state)
local screenW, screenH = guiGetScreenSize()
    if(button == "left" and state == "up") then
            guiSetVisible(gridlist, false)
            showCursor(false)
            removeEventHandler ( "onClientRender", getRootElement(), dxGuiSkins )
        end
    end
addEventHandler ("onClientGUIClick", ExitButtonSkins, onClickBtnExitFromSkinShop)


local x = 2331.3999
local y = 6.5
local z = 26

addEventHandler("onClientRender",getRootElement(),

function()
    local px,py,pz = getElementPosition(getLocalPlayer())
    local distance = getDistanceBetweenPoints3D ( x,y,z,px,py,pz )
    if distance <= 10 then
        local sx,sy = getScreenFromWorldPosition ( x, y, z+0.95, 0.06 )
        if not sx then return end
        local scale = 0.1/(1 * (distance / 10))
        dxDrawBorderedText ( "Przebieralnia", sx, sy - 30, sx, sy - 30, tocolor(255,0,0,255), math.min ( 0.4*(10/distance)*1.0,4), "pricedown", "center", "bottom", false, false, false )
    end
end
)

function dxDrawBorderedText( text, x, y, w, h, color, scale, font, alignX, alignY, clip, wordBreak, postGUI )
    dxDrawText ( text, x - 1, y - 1, w - 1, h - 1, tocolor ( 0, 0, 0, 155 ), scale, font, alignX, alignY, clip, wordBreak, false )
    dxDrawText ( text, x + 1, y - 1, w + 1, h - 1, tocolor ( 0, 0, 0, 155 ), scale, font, alignX, alignY, clip, wordBreak, false )
    dxDrawText ( text, x - 1, y + 1, w - 1, h + 1, tocolor ( 0, 0, 0, 155 ), scale, font, alignX, alignY, clip, wordBreak, false )
    dxDrawText ( text, x + 1, y + 1, w + 1, h + 1, tocolor ( 0, 0, 0, 155 ), scale, font, alignX, alignY, clip, wordBreak, false )

    dxDrawText ( text, x - 1, y, w - 1, h, tocolor ( 0, 0, 0, 155 ), scale, font, alignX, alignY, clip, wordBreak, false )
    dxDrawText ( text, x + 1, y, w + 1, h, tocolor ( 0, 0, 0, 155 ), scale, font, alignX, alignY, clip, wordBreak, false )
    dxDrawText ( text, x, y - 1, w, h - 1, tocolor ( 0, 0, 0, 155 ), scale, font, alignX, alignY, clip, wordBreak, false )
    dxDrawText ( text, x, y + 1, w, h + 1, tocolor ( 0, 0, 0, 155 ), scale, font, alignX, alignY, clip, wordBreak, false )

    dxDrawText ( text, x, y, w, h, color, scale, font, alignX, alignY, clip, wordBreak, postGUI )
end