{% trans_default_domain 'projectssites' %}
{% if file_exists('../templates/override/projectssites/front.html.twig') %}
{% include '::override/projectssites/front.html.twig' %}
{% else %}
<script>
let realestates = {{ realestate_hydrated|json_encode|raw }};
let realEstateParentPage = '{{path(config.detailpageroot.slugkey)}}';
let search_lat = {{ search_lat }};
let search_long = {{ search_long }};
let imgMarker = '{{ marker }}';
let googleMapsZoomLvl = {{ googleMapsZoomLvl }};
let isSingleProject = {{ config.isSingleProject() ? 1 : 0 }};
</script>
<script defer src="/bundles/trinityprojectssites/js/frontend/realestate.js"></script>
<script defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC042fMu6ZYNvJfBtKOnhEvlPpAs5XNy18&callback=initMap&language=nl"
xmlns="http://www.w3.org/1999/html">
</script>
<script src="https://unpkg.com/@googlemaps/markerclusterer/dist/index.min.js"></script>
<div class="alert alert-danger position-fixed start-50" id="error-alert" style="display:none; z-index: 200; opacity: 1 " role="alert">
<strong>Error</strong><span id="error_txt"></span>
</div>
<div class="pi-bundle {% if not config.isSingleProject() %}multi-projects{% endif %}">
<div style="height:500px" class="maps-wrapper">
<div style="height:500px;" id="map"></div>
</div>
{% for realEstate in realestates %}
{% include '@TrinityProjectssites/frontend/realestate/popup_realestate_options.html.twig' with {'realEstate':realEstate,'realEstateOptions': realEstate.options} %}
{% endfor %}
</div>
{% endif %}