<!DOCTYPE html>
<!-- Page: map view -->
<html lang="fr">

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

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

		<!-- Map -->
		<div id="mapid" style="height: 100%;"></div>

		<!-- Credits panel -->
		<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>

		<!-- Legend panel -->
		<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'); ?>

		<!-- Map configuration -->
		<script>
		    var root = "<?=$config['rel_root_folder']?>";

		    // POI icons
		    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>
