<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE menuplugin SYSTEM "../../../dtd/displaymenuplugin.dtd">

<menuplugin x="0" y="0" width="100%" height="100%" fadetime="0">
    <background>
        <area x="0" y="0" width="100%" height="100%" layer="1">
            <drawimage imagetype="skinpart" x="0" y="0" width="100%" height="100%" path="background_menu" />
        </area>
        <area x="2%" y="10%" width="96%" height="75%" layer="2">
            <fill color="{menuback}" />
            <drawrectangle x="0" y="16%" width="100%" height="1" color="{menubackline}" />
            <drawrectangle x="0" y="{areaheight}-1" width="100%" height="1" color="{menubackline}" />
        </area>
    </background>

    <header>
        <area x="0" y="0" width="1" height="1" layer="1">
            <fill color="{clrTransparent}" />
        </area>
    </header>

    <scrollbar>
        <area x="97%" y="23%" width="{areawidth}*0.01" height="61%" layer="3">
            <drawrectangle x="0" y="{areaheight} * {offset} / 1000" width="100%" height="{areaheight} * {height} / 1000" color="{progressbar}" />
        </area>
    </scrollbar>
    
    <detailheader>
        <area x="3%" y="11%" width="95%" height="10%" layer="3">
            <drawtext x="20" valign="center" font="{regular}" fontsize="50%" color="{fontdefault}" text="{menuheader}" />
            <drawimage name="icon" imagetype="icon" path="{icon}" align="right" valign="center" width="{areaheight}" height="{areaheight}"/>
            <drawtext name="temp" x="{areawidth} - {width(icon)} - {width(temp)} - 20" valign="center" font="{regular}" fontsize="60%" color="{fontdefault}" text="{temperature}°C" />
        </area>
    </detailheader>

    <tab name="current" x="3%" y="23%" width="94%" height="61%" layer="4" scrollheight="{areaheight}/4">
        <drawtext x="20" y="0" font="{regular}" fontsize="8%" color="{fontdefault}" text="{tr(conditions)} {tr(for)} {city} ({latitude}, {longitude}):" />
        <drawtext x="20" y="10%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{summary}" />
        <drawtext x="20" y="25%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{tr(temp)}: {temperature}°C" />
        <drawtext x="20" y="35%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{tr(apparenttemp)}: {apparenttemperature}°C" />
        <drawtext x="20" y="45%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{tr(todaymin)}: {mintemperature}°C, {tr(todaymax)}: {maxtemperature}°C" />
        <drawtext x="20" y="55%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{tr(precipitationprobability)}: {precipitationprobability} %" />
        <drawtext x="20" y="65%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{tr(precipitationintensity)}: {precipitationintensity} l/qm" />
        <drawtext x="20" y="75%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{tr(humidity)}: {humidity} %" />
        <drawtext x="20" y="85%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{tr(windspeed)}: {windspeed} km/h aus {windbearingstring}" />
        <drawtext x="20" y="95%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{tr(visibility)}: {visibility} km" />
        <drawtext x="20" y="105%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{tr(cloudcover)}: {cloudcover} %" />
        <drawtext x="20" y="115%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{tr(pressure)}: {pressure} HPa" />
        <drawtext x="20" y="125%" font="{regular}" fontsize="8%" color="{fontdefault}" text="{tr(ozone)}: {ozone} DU" />
    </tab>
</menuplugin>
