<?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:
    {summary}                           short summary of weather
    {icon}                              path to use in <drawimage> to display appropriate weather icon
    {city}                              configured city to display weather for
    {latitude}                          latitude
    {longitude}                         longitude

    {daily[day]}                        day of forecast in dd.mm
    {daily[dayname]}                    three letter abbrivated day name
    {daily[temperaturemin]}             minimum temperature at this day in °C
    {daily[temperaturemintime]}         time of minimum temperature
    {daily[temperaturemax]}             maximum temperature at this day in °C
    {daily[temperaturemaxtime]}         time of maximum temperature
    {daily[summary]}                    short summary
    {daily[icon]}                       path to use in <drawimage> to display appropriate weather icon
    {daily[precipitationintensity]}     precipitation intensity in l/qm    
    {daily[precipitationprobability]}   precipitation probability in %
    {daily[precipitationtype]}          precipitation type (snow, ...)
    {daily[humidity]}                   humidity in %
    {daily[windspeed]}                  wind speed in km/h
    {daily[windbearing]}                wind bearing in degrees
    {daily[windbearingstring]}          wind bearing as human readable string (e.g NE, NNE, ...)
    {daily[visibility]}                 visibility in km
    {daily[cloudcover]}                 cloud cover in %
    {daily[pressure]}                   pressure in HPa
    {daily[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}" align="center" y="10" width="{areaheight}/2" height="{areaheight}/2"/>
        </area>
        <area x="55%" y="52%" width="43%" height="38%" layer="4">
            <drawtextbox name="summary" x="5" y="55%" width="{areawidth}-10" align="center" height="50%" font="{regular}" fontsize="12%" color="{clrWhite}" text="{summary}" />
        </area>
    </detailheader>

    <tab name="current" x="2%" y="11%" width="48%" height="78%" layer="3" scrollheight="{areaheight}/4">
       <loop name="daily" x="0" y="0" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/4">
            <drawtext x="0" y="{rowheight}*0.15" font="{semibold}" fontsize="{rowheight}/3" color="{clrWhite}" text="{daily[dayname]} {daily[day]}" />
            <drawimage imagetype="icon" path="{daily[icon]}" align="center" y="5" width="{rowheight}*0.5" height="{rowheight}*0.5"/>
            <drawtext name="tempmin" x="0.7*{columnwidth} + 0.15*{columnwidth} - {width(tempmin)}/2" font="{light}" y="0" fontsize="{rowheight}*0.25" color="{clrWhite}" text="{tr(min)}. {daily[temperaturemin]}°C" />
            <drawtext name="felt" x="0.7*{columnwidth} + 0.15*{columnwidth} - {width(felt)}/2" font="{light}" y="{rowheight}*0.25" fontsize="{rowheight}*0.25" color="{clrWhite}" text="{tr(max)}. {daily[temperaturemax]}°C" />
            <drawtext x="0" y="{rowheight}*0.54" width="{columnwidth}" font="{regular}" fontsize="{rowheight}*0.14" color="{clrWhite}" text="{daily[summary]}" />
            <drawtext x="0" y="{rowheight}*0.68" width="{columnwidth}" font="{regular}" fontsize="{rowheight}*0.14" color="{clrWhite}" text="{tr(precipitationprobability)} {daily[precipitationprobability]}%, {daily[precipitationintensity]} l/qm, {tr(windspeed)} {daily[windspeed]} km/h {tr(from)} {daily[windbearingstring]}" />
            <drawtext x="0" y="{rowheight}*0.82" width="{columnwidth}" font="{regular}" fontsize="{rowheight}*0.14" color="{clrWhite}" text="{tr(cloudcover)} {daily[cloudcover]}%, {tr(visibility)} {daily[visibility]} km, {tr(pressure)} {daily[pressure]} HPa, {tr(ozone)} {daily[ozone]} DU" />
            <drawimage imagetype="skinpart" path="line_horizontal" x="0" y="{rowheight} - 1" width="{columnwidth}" height="2"/>
        </loop>
    </tab>
</menuplugin>
