<div id="neighborhood-ratings">
<div class="container">
<div class="row">
{% if location.rating.overall %}
<div class="col-md-12">
<div class="page-header">
<h2 class="custom-header">
{{ 'layout.neighporhood.evaluation'|trans({'%location%': location.title}, 'messages') }}<small
class="pull-right flip"><a target="_blank"
href="{{ path('page_view', {'slug': 'neighborhoods-ratings-information'}) }}"><span
class="fa fa-info-circle" aria-hidden="true"></span></a></small></h2>
</div>
</div><!-- end col-md-12 (page-header) -->
{% endif %}
{% if location.rating.overall %}
<div class="col-sm-4 col-xs-6">
<div class="row">
<div class="cols-sm-4 col-xs-6">
<span class="icon fa fa-star pull-left flip" aria-hidden="true"></span>
</div>
<div class="cols-sm-7 col-xs-6">
<p class="rating-label">{{ "neighborhoods.rating.overall"|trans }}</p>
<p class="rating-value">{{ location.rating.overall }}</p>
</div>
</div>
</div>
{% endif %}
{% if location.rating.neighborhood %}
<div class="col-sm-4 col-xs-6">
<div class="row">
<div class="cols-sm-4 col-xs-6">
<span class="icon fa fa-thumbs-up pull-left flip" aria-hidden="true"></span>
</div>
<div class="cols-sm-7 col-xs-6">
<p class="rating-label">{{ "neighborhoods.rating.neighborhood"|trans }}</p>
<p class="rating-value">{{ location.rating.neighborhood }}</p>
</div>
</div>
</div>
{% endif %}
{% if location.rating.education %}
<div class="col-sm-4 col-xs-6">
<div class="row">
<div class="cols-sm-4 col-xs-6">
<span class="icon fa fa-graduation-cap pull-left flip" aria-hidden="true"></span>
</div>
<div class="cols-sm-7 col-xs-6">
<p class="rating-label">{{ "neighborhoods.rating.education"|trans }}</p>
<p class="rating-value">{{ location.rating.education }}</p>
</div>
</div>
</div>
{% endif %}
{% if location.rating.healthcare %}
<div class="col-sm-4 col-xs-6">
<div class="row">
<div class="cols-sm-4 col-xs-6">
<span class="icon fa fa-stethoscope pull-left flip"></span>
</div>
<div class="cols-sm-7 col-xs-6">
<p class="rating-label">{{ "neighborhoods.rating.healthcare"|trans }}</p>
<p class="rating-value">{{ location.rating.healthcare }}</p>
</div>
</div>
</div>
{% endif %}
{% if location.rating.population %}
<div class="col-sm-4 col-xs-6">
<div class="row">
<div class="cols-sm-4 col-xs-6">
<span class="icon fa fa-volume-down pull-left flip"></span>
</div>
<div class="cols-sm-7 col-xs-6">
<p class="rating-label">{{ "neighborhoods.rating.population"|trans }}</p>
<p class="rating-value">{{ location.rating.population }}</p>
</div>
</div>
</div>
{% endif %}
{% if location.rating.locationRate %}
<div class="col-sm-4 col-xs-6">
<div class="row">
<div class="cols-sm-4 col-xs-6">
<span class="icon fa fa-map-marker pull-left flip" aria-hidden="true"></span>
</div>
<div class="cols-sm-7 col-xs-6">
<p class="rating-label">{{ "neighborhoods.rating.location"|trans }}</p>
<p class="rating-value">{{ location.rating.locationRate }}</p>
</div>
</div>
</div>
{% endif %}
{% if location.rating.transportation %}
<div class="col-sm-4 col-xs-6">
<div class="row">
<div class="cols-sm-4 col-xs-6">
<span class="icon fa fa-subway pull-left flip" aria-hidden="true"></span>
</div>
<div class="cols-sm-7 col-xs-6">
<p class="rating-label">{{ "neighborhoods.rating.transportation"|trans }}</p>
<p class="rating-value">{{ location.rating.transportation }}</p>
</div>
</div>
</div>
{% endif %}
{% if location.rating.neighborhood %}
<div class="col-sm-4 col-xs-6">
<div class="row">
<div class="cols-sm-4 col-xs-6">
<span class="icon fa fa-shopping-cart pull-left flip" aria-hidden="true"></span>
</div>
<div class="cols-sm-7 col-xs-6">
<p class="rating-label">{{ "neighborhoods.rating.lifestyle"|trans }}</p>
<p class="rating-value">{{ location.rating.lifeStyle }}</p>
</div>
</div>
</div>
{% endif %}
</div><!-- .row -->
</div><!-- .container -->
</div><!-- end of neighborhoods-ratings -->