{% load static %}
		<!-- Library Styles -->
		<link rel="stylesheet" type="text/css" href="{% static 'fontawesome/5.12.0/css/all.min.css' %}" />
		<link rel="stylesheet" type="text/css" href="{% static 'openlayers/7.2.2/ol.css' %}" />

		<!-- Client Styles -->
		<link rel="stylesheet" type="text/css" href="{% static 'netgis/Client.css' %}" />
		<link rel="stylesheet" type="text/css" href="{% static 'netgis/Map.css' %}" />
		<link rel="stylesheet" type="text/css" href="{% static 'netgis/Attribution.css' %}" />
		<link rel="stylesheet" type="text/css" href="{% static 'netgis/Controls.css' %}" />
		<link rel="stylesheet" type="text/css" href="{% static 'netgis/LayerTree.css' %}" />
		<link rel="stylesheet" type="text/css" href="{% static 'netgis/SearchParcel.css' %}" />
		<link rel="stylesheet" type="text/css" href="{% static 'netgis/Toolbar.css' %}" />
		<link rel="stylesheet" type="text/css" href="{% static 'netgis/Menu.css' %}" />
		<link rel="stylesheet" type="text/css" href="{% static 'netgis/Modal.css' %}" />
		<link rel="stylesheet" type="text/css" href="{% static 'netgis/Theme.css' %}" />

		<main id="container" {% if geom_form.read_only %}data-editable="false"{% else %}data-editable="true"{% endif %} style="position: relative; width: 100%; height: 100%;">
		</main>
		
		<!--<main id="container" contenteditable="false" style="position: absolute; width: 100%; height: 100%; left: 0mm; top: 0mm;">
		</main>-->
		
		<input type="hidden" id="netgis-storage" name="geom" value="{{geom_form.fields.geom.initial}}"/>
		
		<!-- Library Scripts -->
		<script type="text/javascript" src="{% static 'openlayers/7.2.2/ol.js' %}"></script>
		<script type="text/javascript" src="{% static 'proj4js/2.6.0/proj4.js' %}"></script>
		<script type="text/javascript" src="{% static 'jsts/1.6.1/jsts.min.js' %}"></script>
		<script type="text/javascript" src="{% static 'shapefilejs/4.0.2/shp.js' %}"></script>
		<script type="text/javascript" src="{% static 'jspdf/1.3.2/jspdf.min.js' %}"></script>
		<script type="text/javascript" src="{% static 'gifjs/0.2.0/gif.js' %}"></script>
		<script type="text/javascript" src="{% static 'sqljs/1.8.0/sql.js' %}"></script>
		<script type="text/javascript" src="{% static 'geopackage/4.2.3/geopackage.min.js' %}"></script>

		<!-- Client Scripts -->		
		<script type="text/javascript" src="{% static 'netgis/Util.js' %}"></script>
		<script type="text/javascript" src="{% static 'netgis/Events.js' %}"></script>
		<script type="text/javascript" src="{% static 'netgis/Modes.js' %}"></script>
		<script type="text/javascript" src="{% static 'netgis/LayerTypes.js' %}"></script>
		<script type="text/javascript" src="{% static 'netgis/Client.js' %}"></script>
		<script type="text/javascript" src="{% static 'netgis/Menu.js' %}"></script>
		<script type="text/javascript" src="{% static 'netgis/Map.js' %}"></script>
		<script type="text/javascript" src="{% static 'netgis/MapOpenLayers.js' %}"></script>
		<script type="text/javascript" src="{% static 'netgis/Controls.js' %}"></script>
		<script type="text/javascript" src="{% static 'netgis/Attribution.js' %}"></script>
		<script type="text/javascript" src="{% static 'netgis/LayerTree.js' %}"></script>
		<script type="text/javascript" src="{% static 'netgis/Toolbar.js' %}"></script>
		<script type="text/javascript" src="{% static 'netgis/Modal.js' %}"></script>
		<script type="text/javascript" src="{% static 'netgis/SearchPlace.js' %}"></script>
		<script type="text/javascript" src="{% static 'netgis/SearchParcel.js' %}"></script>
		<script type="text/javascript" src="{% static 'netgis/OWS.js' %}"></script>
		<script type="text/javascript" src="{% static 'netgis/SLD.js' %}"></script>

		<script type="text/javascript">
			
			// Create Client Instance
			var client = new netgis.Client( "container", "{% static 'config.json' %}" );
			
		</script>