{% extends "bootstrap.html" %}
{% block title %}{{super()}} :: Map{% endblock %}
{% block head %}{{super()}}
	<link rel="stylesheet" href="{{ url_for('static', filename='leaflet/leaflet.css') }}" />
	<script src="{{ url_for('static', filename='leaflet/leaflet.js') }}"></script>
	<style type="text/css">
		html, body {
			height: 100%;
		}
		.navbar {
			margin-bottom: 0;
		}
		.main_content {
			height: calc(100% - 51px);
			width: 100%;
			padding: 0;
		}
		#map {
			height: 100%;
			width: 100%;
		}
	</style>
{% endblock %}

{% block content %}
	<div id="map"></div>
	<script type="text/javascript">
		var url_get_nearest_router = "{{ url_for('api.get_nearest_router') }}";
		var url_router_info = "{{ url_for('router_info', dbid='') }}";
		var tileurls = {{ tileurls|tojson|safe }};
		var mapurl = "{{ url_for('router_map') }}";
	</script>
	<script src="{{ url_for('static', filename='js/map.js') }}"></script>
	<script type="text/javascript">
		if (window.location.search.match("^\\?mapcenter")) {
			var getargs = window.location.search.replace("?mapcenter=", "").split("&");
			var maploc = getargs[0].split(",");
			map.setView([maploc[0], maploc[1]], maploc[2]);
			if (getargs.length > 1 && getargs[1].match("source=")) {
				setupMap(getargs[1]);
				if (getargs.length > 2 && getargs[2].match("layers=")) {
					setupLayers(getargs[2]);
				} else {
					initialLayers();
				}
			} else if (getargs.length > 1 && getargs[1].match("layers=")) {
				setupLayers(getargs[1]);
				if (getargs.length > 2 && getargs[2].match("source=")) {
					setupMap(getargs[2]);
				} else {
					initialMap();
				}
			} else {
				initialMap();
				initialLayers();
			}
		}
		else {
			map.setView([49.824, 10.786], 9);
			initialMap();
			initialLayers();
		}
	</script>
{% endblock %}