
<li class="tb-weather-list__item">
    <div class="tb-weather-date">
        <strong class="tb-weather-date__main">
            <f:switch expression="{dayIterator.index}">
                <f:case value="0">
                    <f:translate 
                        id="word.today"
                        package="Newland.Toubiz.Weather.Neos"
                        source="Views/Shared"/>

                </f:case>

                <f:case value="1">
                    <f:translate 
                        id="word.tomorrow"
                        package="Newland.Toubiz.Weather.Neos"
                        source="Views/Shared"/>

                </f:case>

                <f:case value="2">
                    <f:translate 
                        id="word.dayAfterTomorrow"
                        package="Newland.Toubiz.Weather.Neos"
                        source="Views/Shared"/>

                </f:case>

                <f:defaultCase></f:defaultCase>
            </f:switch>
        </strong>
        <span class="tb-weather-date__additional">
            <f:format.date 
                date="{dayWeather.date}"
                cldrFormat="dd.MM."
                forceLocale="{node.context.dimensions.language.0}"/>

        </span>
    </div>

    <div class="tb-weather tb-weather--lg">
        <svg 
            class="tb-weather-icon tb-weather__icon"
            aria-hidden="true">

            <use xlink:href="#icon-weather-{dayWeather.symbol}"></use>
        </svg>

        <div class="tb-weather__text">
            <strong class="tb-weather__temperature">
                {dayWeather.maximumTemperature -> vh:math.round()}°C

                <small class="tb-weather__condition">
                    <f:translate 
                        id="weather.symbol.{dayWeather.symbol}"
                        package="Newland.Toubiz.Weather.Neos"
                        source="Views/Shared"/>
                        
                </small>
            </strong>
        </div>
    </div>
</li>
