{% if subNeighbourhoods|length > 0 %}
<div id="sub-neighborhoods">
<div class="container">
{% for subNeighborhoodByType in subNeighbourhoods %}
{% if subNeighborhoodByType['locations']|length > 0 and loop.first %}
<div class="row">
<div class="col-md-12 ">
<div class="page-header">
<h3>{{ 'layout.neighborhoods_sub_locations'|trans({'%location%': location.title}, 'messages') }}
</h3>
</div>
</div>
</div>
{% endif %}
{% endfor %}
<div class="row">
{% for subNeighborhoodByType in subNeighbourhoods %}
<div class="col-xs-12 col-sm-6 ">
{% if subNeighborhoodByType['locations']|length > 0 %}
<table class="table table-flex m-0">
<tbody>
<tr class="col-xs-12 sub-titles first-cell-sm">
<td><span>{{ "neighborhoods.table_sublocation_title"|trans }}</span></td>
<td>{{ "neighborhoods.table_sublocation_price"|trans({ '%propertyType%' : subNeighborhoodByType['propertyType'].title}, 'messages') }}</td>
</tr>
</tbody>
</table>
<table class="table table-flex">
<tbody class="large-element seemore-table" data-height="185" only-mobile="true">
{% for subNeighborhood in subNeighborhoodByType['locations'] %}
{% if subNeighborhood.getSingleStatistics(subNeighborhoodByType['propertyType']) and subNeighborhood.getSingleStatistics(subNeighborhoodByType['propertyType']).avgPrice %}
<tr class="col-xs-12">
<td>
<span>
<a target="_blank" class="sub_title_link"
href="{{ path('neighborhood_main_page', {'location_slug': subNeighborhood.slug}) }}">{{ subNeighborhood.title }}
</a>
</span>
</td>
<td>
<span class="integer">
{{ subNeighborhood.getSingleStatistics(subNeighborhoodByType['propertyType']).avgPrice|number_format }} {{ get_setting('general', 'currency')|trans }}
/{{ get_setting('general', 'measurement_unit')|trans }}
</span>
</td>
</tr>
{% endif %}
{% endfor %}
</tbody>
</table>
<a href="javascript:void(0)" id="seeMoreParagraph" class="see-more-custom-paragraph see-more-paragraph-button seemore-table-button"></a>
{% endif %}
</div>
{% endfor %}
</div>
</div>
</div><!-- end sub neighborhoods -->
{% endif %}