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

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

		<!-- Library Scripts-->
		<script type="text/javascript" src="{% static 'libs/openlayers/10.0.0/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 'dist/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="output" value="{{geom_form.fields.output.initial}}"/>

		<script type="text/javascript">

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