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

<menuplugin x="0" y="0" width="100%" height="100%" fadetime="0" scaletvx="55%" scaletvy="10%" scaletvwidth="40%" scaletvheight="40%">
    <scrollbar>
        <area x="52%" y="10%" width="2%" height="80%" layer="2">
            <drawimage imagetype="skinpart" path="scrollbarback" x="0" y="0" width="100%" height="100%"/>
        </area>
        <area x="52%" y="10%" width="2%" height="80%" layer="3">
            <drawimage imagetype="skinpart" path="scrollbar" x="0" y="{areaheight} * {offset} / 1000" width="100%" height="{areaheight} * {height} / 1000"/>
        </area>
    </scrollbar>
    <!-- Available Variables in detailheader and tab:
    {menuheader}                        "Current Weather"
    {city}                              configured city to display weather for
    {latitude}                          latitude
    {longitude}                         longitude
    {timestamp}                         timestamp in hh:mm dd.mm of current forecast
    {temperature}                       current temperature in °C
    {apparenttemperature}               apparent (felt) temperature in °C
    {temperaturemin}                    minimum temperature the day in °C
    {temperaturemax}                    maximum temperature the day in °C
    {summary}                           short summary of current weather
    {icon}                              path to use in <drawimage> to display appropriate weather icon
    {precipitationintensity}            precipitation intensity in l/qm    
    {precipitationprobability}          precipitation probability in %
    {precipitationtype}                 precipitation type (snow, ...)
    {humidity}                          humidity in %
    {windspeed}                         wind speed in km/h
    {windbearing}                       wind bearing in degrees
    {windbearingstring}                 wind bearing as human readable string (e.g NE, NNE, ...)
    {visibility}                        visibility in km
    {cloudcover}                        cloud cover in %
    {pressure}                          pressure in HPa
    {ozone}                             Ozone in DU (Dobson Unit)
    -->
    <detailheader>
        <area x="1%" y="10%" width="50%" height="80%" layer="2">
            <drawimage imagetype="skinpart" path="displaymendetailback" x="0" y="0" width="100%" height="100%" />
        </area>
        <area x="55%" y="52%" width="43%" height="38%" layer="2">
            <drawimage imagetype="skinpart" path="displaymenucurrentback" x="0" y="0" width="100%" height="100%"/>
        </area>
        <area x="55%" y="52%" width="43%" height="38%" layer="3">
            <drawimage imagetype="icon" path="{icon}" x="5%" y="5%" width="{areaheight}/2" height="{areaheight}/2"/>
        </area>
        <area x="55%" y="52%" width="42%" height="37%" layer="4">
            <drawtext align="right" valign="bottom" font="{regular}" fontsize="50%" color="{clrWhite}" text="{temperature}°C" />
        </area>
    </detailheader>

    <tab name="current" x="2%" y="11%" width="48%" height="78%" layer="3" scrollheight="{areaheight}/4">
        <drawtext x="0" y="0" font="{semibold}" fontsize="8%" color="{clrWhite}" text="{tr(conditions)} {tr(for)} {city}" />
        <drawtext x="0" y="8%" font="{semibold}" fontsize="8%" color="{clrWhite}" text="({latitude}, {longitude})" />
        <drawtext x="0" y="16%" font="{regular}" fontsize="8%" color="{clrWhite}" text="{summary}" />

        <drawtext x="0" y="28%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(temp)}: {temperature}°C" />
        <drawtext x="0" y="34%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(apparenttemp)}: {apparenttemperature}°C" />
        <drawtext x="0" y="40%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(todaymin)}: {mintemperature}°C" />
        <drawtext x="0" y="46%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(todaymax)}: {maxtemperature}°C" />
        <drawtext x="0" y="52%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(precipitationprobability)}: {precipitationprobability} %" />
        <drawtext x="0" y="58%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(precipitationintensity)}: {precipitationintensity} l/qm" />
        <drawtext x="0" y="64%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(humidity)}: {humidity} %" />
        <drawtext x="0" y="70%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(windspeed)}: {windspeed} km/h aus {windbearingstring}" />
        <drawtext x="0" y="76%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(visibility)}: {visibility} km" />
        <drawtext x="0" y="82%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(cloudcover)}: {cloudcover} %" />
        <drawtext x="0" y="88%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(pressure)}: {pressure} HPa" />
        <drawtext x="0" y="94%" font="{regular}" fontsize="6%" color="{clrWhite}" text="{tr(ozone)}: {ozone} DU" />
    </tab>
</menuplugin>
