{namespace vh=Newland\NeosViewHelpers\ViewHelpers}

<div class="tb-snowreport-region-stats">
    <f:if condition="{vh:math.isNotNegative(value: region.attributes.snowHeight)}">
        <section class="tb-snowreport-region-stats-item tb-snowreport-region-stats-item--type-snowHeight" aria-labelledby="tb-snowreport-region-stats-snowHeight">
            <div class="tb-snowreport-region-stats-item__key" id="tb-snowreport-region-stats-snowHeight">
                <f:translate 
                    id="property.attributes.snowHeight"
                    package="Newland.Toubiz.SnowReport.Neos"
                    source="Models/Region" />

            </div>
            <div class="tb-snowreport-region-stats-item__icon" aria-hidden="true">
                <svg class="c-icon">
                    <use xlink:href="#tb-snowreport-icon-mountains"></use>
                </svg>
            </div>
            <div class="tb-snowreport-region-stats-item__value">
                {region.attributes.snowHeight} cm
            </div>
        </section>
    </f:if>

    <f:if condition="{vh:math.isNotNegative(value: region.attributes.newSnowInLast24Hours)}">
        <section class="tb-snowreport-region-stats-item tb-snowreport-region-stats-item--type-newSnowInLast24Hours" aria-labelledby="tb-snowreport-region-stats-newSnow">
            <div class="tb-snowreport-region-stats-item__key" id="tb-snowreport-region-stats-newSnow">
                <f:translate 
                    id="property.attributes.newSnowInLast24Hours"
                    package="Newland.Toubiz.SnowReport.Neos"
                    source="Models/Region" />

            </div>
            <div class="tb-snowreport-region-stats-item__icon" aria-hidden="true">
                <svg class="c-icon">
                    <use xlink:href="#tb-snowreport-icon-snow-flake"></use>
                </svg>
            </div>
            <div class="tb-snowreport-region-stats-item__value">
                {region.attributes.newSnowInLast24Hours} cm
            </div>
        </section>
    </f:if>

    <f:if condition="{region.attributes.lastSnowfall}">
        <section class="tb-snowreport-region-stats-item tb-snowreport-region-stats-item--type-lastSnowfall" aria-labelledby="tb-snowreport-region-stats-lastSnowfall">
            <div class="tb-snowreport-region-stats-item__key" id="tb-snowreport-region-stats-lastSnowfall">
                <f:translate 
                    id="property.attributes.lastSnowfall"
                    package="Newland.Toubiz.SnowReport.Neos"
                    source="Models/Region" />

            </div>
            <div class="tb-snowreport-region-stats-item__icon" aria-hidden="true">
                <svg class="c-icon">
                    <use xlink:href="#tb-snowreport-icon-clock"></use>
                </svg>
            </div>
            <div class="tb-snowreport-region-stats-item__value">
                {region.attributes.lastSnowfall}
            </div>
        </section>
    </f:if>

    <f:if condition="{vh:math.isNotNegative(value: region.attributes.avalancheStatus)}">
        <section class="tb-snowreport-region-stats-item tb-snowreport-region-stats-item--type-avalancheStatus" aria-labelledby="tb-snowreport-region-stats-avalancheStatus">
            <div class="tb-snowreport-region-stats-item__key" id="tb-snowreport-region-stats-avalancheStatus">
                <f:translate 
                    id="property.attributes.avalancheStatus"
                    package="Newland.Toubiz.SnowReport.Neos"
                    source="Models/Region" />

            </div>
            <div class="tb-snowreport-region-stats-item__icon" aria-hidden="true">
                <svg class="c-icon">
                    <use xlink:href="#tb-snowreport-icon-danger"></use>
                </svg>
            </div>
            <div class="tb-snowreport-region-stats-item__value">
                <f:translate 
                    id="property.attributes.avalancheStatus.values.{region.attributes.avalancheStatus}"
                    package="Newland.Toubiz.SnowReport.Neos"
                    source="Models/Region" />

            </div>
        </section>
    </f:if>
</div>