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

<div class="tb-snowreport-service-stats">
    <f:if condition="{statistics.facilities.lifts_total}">
        <f: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}">
        <f: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}">
        <f: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}">
        <f: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" 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 class="tb-snowreport-service-stats-item__circle-background" />
                <circle 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>