{namespace neos=Neos\Neos\ViewHelpers}
{namespace weather=Newland\Toubiz\Weather\Neos\ViewHelpers}

<div class="c-live-item">
    <a class="c-live-item__title" href="#"
    data-target-enhancement
    data-target-enhancement-targets.0="#submenu-live-weather"
    data-target-enhancement-plugins.0.name="toggle-aria-expanded"
    data-target-enhancement-exclusive-group="subnavigation"
    aria-expanded="false">

        <h3>
            {f:translate(id: 'live.weather', source: 'Views/LiveWidgets', package: 'Newland.CityTheme')}
        </h3>
        <svg class="c-icon c-icon--live-tab"
            aria-hidden="true"
            focusable="false">

            <use xlink:href="#icon-angle-down"/>
        </svg>
    </a>
    <div class="c-live-item__content" id="submenu-live-weather">
        
        <f:if condition="{liveWeatherForecastCity}">
                <div class="c-live-section__item">
                    <a href="#"
                        class="c-live-section__item-title"
                        data-target-enhancement
                        data-target-enhancement-target="#submenu-forecast"
                        data-aria-target-enhancement
                        data-target-enhancement-exclusive-group="subnavigation"
                        aria-expanded="false">
            
                        <svg class="c-icon c-icon--live-section"
                                aria-hidden="true"
                                focusable="false">
            
                            <use xlink:href="#fa-angle-down"/>
                        </svg>
                    </a>
                    <div class="c-live-section__item-content" id="submenu-forecast">
                        <weather:widget.forecast node="{node}"
                                                    days="3"
                                                    city="{liveWeatherForecastCity}" />
                    </div>
                </div>
            </f:if>


        <f:if condition="{liveWeatherLink}">
            <div class="c-live-weather__page-link c-neos-text">
                <a href="{f:if(condition: '{neos:rendering.inBackend()}', then: '', else: liveWeatherLink)}">
                    {f:translate(id: 'live.showFullForecast', source: 'Views/LiveWidgets', package: 'Newland.CityTheme')}
                </a>
            </div>
        </f:if>
    </div>
</div>
