{%extends 'base.html' %} {%block head %}
<title>Draw</title>
<link rel="stylesheet" href="{{url_for('static', filename='css/draw.css')}}" />
<script src="{{url_for('static', filename='js/draw.js')}}" defer></script>

{%endblock%} {%block nav%}
<a href="{{url_for('home.home')}}">Home</a>
<a href="{{url_for('display.display')}}">Results</a>

{%endblock%} {%block contents%}

<h1>Draw</h1>

<div id="divSmoothingFactor">
	<label for="cmbBufferSize">Smoothing</label>
	<select id="cmbBufferSize">
		<option value="1">1 - No smoothing</option>
		<option value="4">4 - Sharp curves</option>
		<option value="8" selected="selected">8 - Smooth curves</option>
		<option value="12">12 - Very smooth curves</option>
		<option value="16">16 - Super smooth curves</option>
		<option value="20">20 - Hyper smooth curves</option>
	</select>
</div>

<div id="svg-container">
	<svg
		xmlns="http://www.w3.org/2000/svg"
		xmlns:xlink="http://www.w3.org/1999/xlink"
		version="1.1"
		id="svgElement"
		x="0px"
		y="0px"
		width="500px"
		height="500px"
		viewBox="0 0 500 500"
		enable-background="new 0 0 500 500"
		xml:space="preserve"
		data-parent="{{parent or None}}"
		data-branch="{{branch}}"
	></svg>
	<div id="previous">{% if content %} {{content|safe}} {% endif %}</div>
</div>

<form method="POST">
	<input type="hidden" name="branch" value="{{branch}}" />
	<input type="hidden" name="content" />
	<input type="text" name="username" placeholder="Name" />
	<input type="submit" />
</form>
{%endblock%}