<?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 imagetype="icon" path="{icon}" align="right" valign="center" width="{areaheight}" height="{areaheight}"/>
        </area>
    </detailheader>

    <tab name="current" x="3%" y="23%" width="94%" height="61%" layer="4" scrollheight="{areaheight}/4">
       <drawtextbox name="summary" x="0" y="5%" width="{areawidth}" font="{regular}" fontsize="7%" color="{fontdefault}" text="{summary}" />
       <drawrectangle x="0" y="{posy(summary)} + {height(summary)} + 10" width="{areawidth}" height="1" color="{menubackline}" />
       <loop name="daily" x="0" y="{posy(summary)} + {height(summary)} + 10" orientation="vertical" columnwidth="{areawidth}" rowheight="{areaheight}/5">
            <drawtext x="0" font="{regular}" fontsize="9%" valign="center" color="{fontdefault}" text="{daily[dayname]} {daily[day]}" />
            <drawimage imagetype="icon" path="{daily[icon]}" x="2*{rowheight}" valign="center" width="0.8*{rowheight}" height="0.8*{rowheight}"/>
            <drawtext x="3*{rowheight}" font="{regular}" fontsize="{rowheight}*0.3" y="0" color="{fontdefault}" text="{daily[temperaturemin]}°C - {daily[temperaturemax]}°C   ({tr(max)} {daily[temperaturemaxtime]}, {tr(min)} {daily[temperaturemintime]})" />
            <drawtext x="3*{rowheight}" font="{regular}" fontsize="{rowheight}/4" y="{rowheight}*0.25" width="{columnwidth} - 3.5*{rowheight}" color="{fontdefault}" text="{daily[summary]}" />
            <drawtext x="3*{rowheight}" font="{regular}" fontsize="{rowheight}/4" y="{rowheight}*0.5" width="{columnwidth} - 3.5*{rowheight}" color="{fontdefault}" text="{tr(precipitationprobability)} {daily[precipitationprobability]}%, {daily[precipitationintensity]} l/qm, {tr(windspeed)} {daily[windspeed]} km/h {tr(from)} {daily[windbearingstring]}" />
            <drawtext x="3*{rowheight}" font="{regular}" fontsize="{rowheight}/4" y="{rowheight}*0.75" width="{columnwidth} - 3.5*{rowheight}" color="{fontdefault}" text="{tr(cloudcover)} {daily[cloudcover]}%, {tr(visibility)} {daily[visibility]} km, {tr(pressure)} {daily[pressure]} HPa, {tr(ozone)} {daily[ozone]} DU" />
            <drawrectangle x="0" y="{rowheight} - 1" width="{columnwidth}" height="1" color="{menubackline}" />
        </loop>
    </tab>
</menuplugin>
