<div id="neighborhood-statistics-percentage">
<div class="container">
{% for statistic in location_statistics %}
{% if statistic.demandHeat or statistic.growth %}
<div class="page-header">
<h2 class="custom-header">
{{ 'neighborhoods.statistics_section_headline'|trans({'%location%': location.title}, 'messages') }} - {{ statistic.propertyType.title }}
</h2>
</div>
<div class="row">
{% if statistic.demandHeat %}
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="analytics-card">
<p class="card-number" >
{{ statistic.demandHeat }}%
</p>
<p class="card-title">
{{ "neighborhoods.demand_level"|trans }}
</p>
{% if statistic.demandHeat <= 10 %}
<small class="estimation">
({{ "neighborhoods.heat.very_low"|trans }})</small>
{% elseif statistic.demandHeat > 10 and statistic.demandHeat < 40 %}
<small class="estimation">({{ "neighborhoods.heat.low"|trans }})</small>
{% elseif statistic.demandHeat >= 40 and statistic.demandHeat < 70 %}
<small class="estimation">({{ "neighborhoods.heat.average"|trans }})</small>
{% elseif statistic.demandHeat >= 70 and statistic.demandHeat < 90 %}
<small class="estimation">({{ "neighborhoods.heat.good"|trans }})</small>
{% elseif statistic.demandHeat >= 90 %}
<small class="estimation">({{ "neighborhoods.heat.very_good"|trans }})</small>
{% endif %}
</div>
</div>
{% endif %}
{% if statistic.growth %}
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="analytics-card">
{% if isEnabledFeature('web.disable.price.change') %}
<p class="card-number">N/A</p>
{% else %}
<p class="card-number">{{ statistic.growth > 0 ? '+' : ''}}{{ statistic.growth }}%</p>
{% endif %}
<p class="card-title" >
{{ "neighborhoods.price_increase"|trans }}
</p>
</div>
</div>
{% endif %}
</div>
{% endif %}
{% endfor %}
</div>
</div>