{% set idmap = id|default('mapid') %}
<script>
	$(function () {
	  $('[data-toggle="tooltip"]').tooltip()
	  if ($('#{{idmap}}').length) {
	  	var mymap = L.map('{{idmap}}').setView({{KOH_MAP_CENTER}}, {{KOH_MAP_ZOOM}});

	  	L.tileLayer('https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png', {maxZoom: 18, attribution: '&copy; Openstreetmap France | &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'}).addTo(mymap);

		var markers = L.markerClusterGroup();

		{# AJOUTER LES MARQUEURS SUR LA CARTE #}
		{% set count = 1 %}
		{% for presta in prestas %}
			{% if presta.geolocs|length > 0 %}
				{% for geolocp in presta.geolocs %}
					{% if geolocp.enabled and geolocp.geoloc.lat != null and geolocp.geoloc.lon != null %}
						{% if presta.rubriques|length > 0 and presta.rubriques.first.media is not null %}
							var icon = L.icon({
							        iconSize: [50, 50],
							        iconAnchor: [25,50],
							        className: 'kohinos-map-icon',
							        iconUrl : '{% path presta.rubriques.first.media, "preview" %}'
						    	});
							var marker_{{count}} = L.marker([{{ geolocp.geoloc.lat }}, {{geolocp.geoloc.lon }}], {icon: icon}).addTo(markers);
		    			{% else %}
							var marker_{{count}} = L.marker([{{ geolocp.geoloc.lat }}, {{geolocp.geoloc.lon }}]).addTo(markers);
		    			{% endif %}
			            marker_{{count}}.bindPopup("{% apply spaceless %}
		            		{% if presta.media != null %}
			            		{% set media %}
			            			{% thumbnail presta.media, 'small' %}
			            		{% endset %}
			            		{{ media|raw|replace({'"' : "'", "\n":' ', "\r":' '})|raw }}
			            		<br/><br/>
			            	{% endif %}
			            	<a href='{{ path('show_prestataire', {'slug': presta.slug}) }}'>
			            		<strong style='font-size:16px;'>{{ presta.__toString()|capitalize }}</strong>
			            	</a>
			            	<br/>
			            	{% if presta.horaires is not null %}
			            		<p>{{ presta.horaires|replace({'"' : "'", "\n":' ', "\r":' '})|raw }}</p>
			            	{% endif %}
			            	{% for rubrique in presta.rubriques %}
			            		<a class='maprubrique' href='{{ path('show_rubrique', {'slug': rubrique.slug}) }}'>{{rubrique.name|replace({'"' : "'", "\n":' ', "\r":' '})}}</a>{% if not loop.last %} - {% endif %}
			            	{% endfor %}
			            	{% endapply %}");
			            {% set count = count+1 %}
	        		{% endif %}
	        	{% endfor %}
	        {% endif %}
		{% endfor %}

		{% include '@kohinos/block/_map_cluster_geoloc.html.twig' %}
	    }
	})
</script>