{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>
    </div>
</div>