<!DOCTYPE html>
<html lang="fr">

	<?php include('blocks/d.head.html'); ?>
	
	<body>

		<?php include('blocks/d.nav.html'); ?>

<!-- 		<div id="advert">En cours de création<span class="dots"><span>.</span><span>.</span><span>.</span></span><br>En attendant je vous recommande <a href="https://www.refuges.info/" target="_blank">refuges.info</a></div>
 -->
		<div id="mapid" style="height: 100%;"></div>

		<div id="footer-credits" style="display: none;">
			<i class="fa fa-times close-link" aria-hidden="true"></i>
			<p><i id="map-credits"></i></p>
		</div>

		<div id="footer-legend" style="display: none;">
			<i class="fa fa-times close-link" aria-hidden="true"></i>
			<?php foreach($poi_types as $type) { ?>
				<span class="legend_item"><img src="<?=$config['views_url']?>img/<?=$type[3]?>.svg" class="poi_icon"> <?=$type[1]?></span>
			<?php } ?>
		</div>

		<?php include('blocks/d.footer.html'); ?>

		<script>
		    var root = "<?=$config['rel_root_folder']?>";

		    // Icônes des POIs (déjà présentes dans ton système)
		    window.poi_icons = {
		        <?php foreach($poi_types as $type) { ?>
		            "<?=$type[3]?>": "<?=$config['views_url']?>img/<?=$type[3]?>.svg",
		        <?php } ?>
		        "default": "<?=$config['views_url']?>img/default.svg"
		    };
		</script>

	</body>
</html>
