{namespace neos=Neos\Neos\ViewHelpers}

<div id="live-layer" data-overlay class="c-live-overlay c-overlay{f:if(condition: '{transparentBackground}', then: ' c-live-overlay--blurred')}">
    <div class="c-live">
        <div class="c-live__top">
            <div class="o-container">
                <p class="c-live__date">
                    <f:format.date date="now"
                        cldrFormat="EEEE, "
                        forceLocale="{node.context.dimensions.language.0}" />
                    <f:format.date date="now"
                        cldrFormat="dd. MMMM y"
                        forceLocale="{node.context.dimensions.language.0}" />
                </p>
            </div>

            <div class="o-container">
                <div class="c-live__columns">
                    <f:comment>
                        <!-- LIVE COLUMN 1 -->
                    </f:comment>
                    <f:if condition="{showWeather}">
                        <section class="c-live__column">
                            <f:render partial="LiveOverlay/WeatherWidget" arguments="{_all}" />
                        </section>
                    </f:if>

                    <f:comment>
                        <!-- LIVE COLUMN 2 -->
                    </f:comment>
                    <f:if condition="{showWebcams}">
                        <section class="c-live__column">
                            <f:render partial="LiveOverlay/Webcams" arguments="{_all}" />
                        </section>
                    </f:if>

                    <f:comment>
                        <!-- LIVE COLUMN 3 -->
                    </f:comment>
                    <f:if condition="{showEvents}">
                        <section class="c-live__column">
                            <f:render partial="LiveOverlay/EventsWidget" arguments="{_all}" />
                        </section>
                    </f:if>
                </div>
            </div>
        </div>
    </div>
</div>