{% if showOtherUnits %}
<div class="listing-details-item">
<div class="page-header">
<p class="section-title__header">
{{ 'layout.other_units'|trans }}
</p>
</div>
<div class="compound-units-wrapper">
{% for propertyType, units in otherUnits %}
<div class="compound-units-container">
<table class="table table-hover compound-units-table">
<thead>
<tr>
<th scope="col">{{ propertyType }}</th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
{% for unit in units %}
{% if listing.slug %}
{% set unit_url = path("listing_slug", {id: unit.id, slug: unit.slug}) %}
{% else %}
{% set unit_url = path('listing_view', {'id': unit.id}) %}
{% endif %}
<tr class='clickable-row' data-href='{{ unit_url }}'>
<td>{{ unit.area }} {{ get_setting('general', 'measurement_unit')|trans }}</td>
<td>
<div class="d-flex justify-content-end align-items-center">
<span class="price">
{{ unit.price|number_format }} {{ get_setting('general', 'currency')|trans }}
</span>
<a href="{{ unit_url }}" target="_blank">
<i class="fas compound-unit-redirect-icon"></i>
</a>
</div>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% endfor %}
</div>
</div>
{% endif %}