<!-- Modal -->
<div class="modal fade" id="realEstate{{realEstate.id}}" tabindex="-1" role="dialog" aria-labelledby="realEstate{{realEstate.id}}Title" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">{{realEstate.Label}} opties</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
</button>
</div>
<div class="modal-body">
{% for realEstateOptionpp in realEstateOptions %}
{% if realEstateOption is defined and realEstateOption.id == realEstateOptionpp.id %}
{% else %}
<div class="project-option">
<a href="{{path(config.detailpageroot.slugkey)}}/{{realEstateOptionpp.slug }}">
<div class="image">
{% if realEstateOptionpp.thumbnail is not empty %}
<img src="/{{realEstateOptionpp.thumbnail.getWebPath}}" alt="{{realEstateOptionpp.label}}" />
{% else %}
<img src="/bundles/trinityprojectssites/img/placeholder.jpg">
{% endif %}
</div>
<div class="content">
<h3>{{realEstateOptionpp.label}}</h3>
<table>
{# <li>{{'Status'|trans}}: {{realEstate.getStatusses(true)[realEstate.getStatus()]}}</li> #}
{% if realEstateOptionpp.cost is not empty and realEstateOptionpp.cost != 0 %}
<tr>
<td>{{'Prijs'|trans}}</td>
<td>€{{realEstateOptionpp.cost|number_format(0, ',', '.')}} {{realEstateOptionpp.getSalesStates(true)[realEstateOptionpp.getSalesState()]}}</td>
</tr>
{% endif %}
{% if realEstateOptionPrices[realEstate.id] is defined and realEstateOptionPrices[realEstate.id][realEstateOptionpp.id] is defined %}
<tr>
<td>{{'Prijs'|trans}}</td>
<td>€{{realEstateOptionPrices[realEstate.id][realEstateOptionpp.id]|number_format(0, ',', '.')}}</td>
</tr>
{% endif %}
{# <tr>
<td>{{'Kamers'|trans}}</td>
<td>{{realEstateOptionpp.rooms}}</td>
</tr> #}
{% if realEstate.squaremeters is not empty and realEstate.squaremeters != 0 %}
<tr>
<td>{{'Kaveloppervlakte'|trans}}</td>
<td>{{realEstate.squaremeters}} {{'m²'|trans}}</td>
</tr>
{% endif %}
{% if realEstateOptionpp.livingspacesquaremeters is not empty and realEstateOptionpp.livingspacesquaremeters != 0 %}
<tr>
<td>{{'Woonoppervlakte'|trans}}</td>
<td>{{realEstateOptionpp.livingspacesquaremeters}} {{'m²'|trans}}</td>
</tr>
{% endif %}
</table>
</div>
</a>
</div>
{% endif %}
{% endfor %}
</div>
{# <div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Sluiten</button>
</div> #}
</div>
</div>
</div>