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

		<!-- Client Styles -->
		<link rel="stylesheet" type="text/css" href="{% static 'netgis.min.css' %}" />
		
		<main id="container" contenteditable="{% if geom_form.read_only %}false{% else %}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="id_geom" name="geom" value="{{geom_form.fields.geom.initial}}"/>
		<div>{{geom_form.fields.geom.initial}}</div>
		
		<!-- Library Scripts -->
		<script type="text/javascript" src="{% static 'openlayers/6.5.0/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>
		
		<!-- 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>