<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<link
			rel="stylesheet"
			type="text/css"
			href="{{ url_for('static', filename='css/global.css') }}"
		/>
		<link rel="stylesheet" href="{{ url_for('static', filename='css/home.css') }}" />
		<link rel="stylesheet" href="{{ url_for('static', filename='css/panel.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-panel.js') }}" defer></script>

		<title>New instrument</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="hidden" name="params" />
			<input type="hidden" name="sockets" />

			<input type="file" name="panel" accept=".svg" />
			<input type="submit" value="Add" />
		</form>
		<div id="panel-container"></div>
	</body>
</html>
