{% 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/6.14.1/ol.css' %}" />

		<!-- Client Styles -->
		<link rel="stylesheet" type="text/css" href="{% static 'netgis.min.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/6.14.1/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>

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