{% load static %}

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

		<!-- Client Styles -->
		<link rel="stylesheet" type="text/css" href="{% static 'netgis.min.css' %}" />


		<!-- Library Scripts-->
		<script type="text/javascript" src="{% static 'libs/openlayers/7.2.2/ol.js' %}"></script>
		<script type="text/javascript" src="{% static 'libs/proj4js/2.6.0/proj4.js' %}"></script>
		<script type="text/javascript" src="{% static 'libs/jsts/1.6.1/jsts.min.js' %}"></script>
		<script type="text/javascript" src="{% static 'libs/shapefilejs/4.0.2/shp.js' %}"></script>
		<script type="text/javascript" src="{% static 'libs/jspdf/1.3.2/jspdf.min.js' %}"></script>
		<script type="text/javascript" src="{% static 'libs/gifjs/0.2.0/gif.js' %}"></script>
		<script type="text/javascript" src="{% static 'libs/sqljs/1.8.0/sql.js' %}"></script>
		<script type="text/javascript" src="{% static 'libs/geopackage/4.2.3/geopackage.min.js' %}"></script>

		<!-- Client Scripts -->
		<script type="text/javascript" src="{% static 'netgis.min.js' %}"></script>


		<main id="container" {% if geom_form.read_only %}data-editable="false"{% else %}data-editable="true"{% endif %} style="position: relative; width: 100%; height: 100%;">
		</main>

		<input type="hidden" id="netgis-storage" name="geom" value="{{geom_form.fields.geom.initial}}"/>

		<script type="text/javascript">

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