<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<link
			rel="stylesheet"
			type="text/css"
			href="{{ url_for('static', filename='css/global.css') }}"
		/>

		<script src="{{ url_for('static', filename='js/input-knobs.js') }}" defer></script>
		<script src="{{ url_for('static', filename='js/panel.js') }}" defer></script>

		<script src="{{ url_for('static', filename='js/new-patch.js') }}" defer></script>

		<title>Add new patch for {{instrument['name']}}</title>
	</head>
	<body>
		<form method="POST" enctype="multipart/form-data">
			<input type="text" name="name" placeholder="Name" />
			<textarea name="description" cols="30" rows="10" placeholder="description"></textarea>
			<input type="date" name="date" />

			<!-- {% for param in instrument['params']%}
			<input type="text" name="{{param}}" placeholder="{{param}}" />
			{% endfor %} -->

			<input type="hidden" name="cables" />

			<input type="text" name="input" placeholder="Input" />
			<input type="text" name="output" placeholder="Output" />
			<input type="text" name="routing" placeholder="Routing" />

			<input type="submit" value="Add" />

			<div id="panel-container">{{panel|safe}}</div>
		</form>
	</body>
</html>
