{namespace tb=Newland\Toubiz\SnowReport\Neos\ViewHelpers}
{namespace vh=Newland\NeosViewHelpers\ViewHelpers}

<div class="tb-snowreport-service-stats">
    <f:if condition="{statistics.facilities.lifts_total}">
        <vh:render 
            section="Item"
            arguments="{
                id: 'openLifts',
                label: 'status.lifts',
                open: statistics.facilities.lifts_open,
                total: statistics.facilities.lifts_total
            }" />

    </f:if>


    <f:if condition="{statistics.facilities.mountain_railways_total}">
        <vh:render 
            section="Item"
            arguments="{
                id: 'openMountainRailways',
                label: 'status.mountainRailways',
                open: statistics.facilities.mountain_railways_open,
                total: statistics.facilities.mountain_railways_total
            }" />

    </f:if>

    <f:if condition="{statistics.slopes.cross_country_skiing_total}">
        <vh:render 
            section="Item"
            arguments="{
                id: 'openSkiingTrails',
                label: 'status.crossCountrySkiing',
                open: statistics.slopes.cross_country_skiing_open,
                total: statistics.slopes.cross_country_skiing_total
            }" />

    </f:if>

    <f:if condition="{statistics.slopes.hike_total}">
        <vh:render 
            section="Item"
            arguments="{
                id: 'openHikingTrails',
                label: 'status.hikes',
                open: statistics.slopes.hike_open,
                total: statistics.slopes.hike_total
            }" />

    </f:if>
</div>


<f:section name="Item">
    <section class="tb-snowreport-service-stats-item tb-snowreport-service-stats-item--type-{id}" aria-labelledby="serviceStatsItem-{id}">
        <div class="tb-snowreport-service-stats-item__label" id="serviceStatsItem-{id}">
            <f:translate 
                id="{label}"
                package="Newland.Toubiz.SnowReport.Neos"
                source="Views/Show" />
                
        </div>

        <div class="tb-snowreport-service-stats-item__circle"
             aria-hidden="true">

            <svg viewBox="0 0 80 80">
                <circle cy="40" cx="40" r="35"
                        class="tb-snowreport-service-stats-item__circle-background" />

                <circle cy="40" cx="40" r="35"
                        class="tb-snowreport-service-stats-item__circle-progress"
                        stroke-dasharray="230"
                        stroke-dashoffset="{tb:math.circle(base: 230, current: open, total: total)}" />

            </svg>
        </div>

        <div class="tb-snowreport-service-stats-item__value">
            {open}/{total}
        </div>
    </section>
</f:section>