{% extends "base.html" %}

{% block title %}New stack{% endblock %}

{% block content %}
<main>
	<header>
		<h1>New stack</h1>
	</header>
	<section class="editor">
		<form method="POST" id="editor-form">
			<div class="error"></div>
			<textarea name="source" id="editor" required>{}</textarea>
			<div class="row">
				<button type="submit">Create & Deploy</button>
			</div>
		</form>
	</section>
</main>

<link rel="stylesheet" href="/static/css/editor.css" />
<style scoped>
	main {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}
</style>

<script type="module">
	import Editor from "/static/js/ace.mjs";
	import { add_check } from "/static/js/enhancements/check.mjs";

	const editor = new Editor("editor");

	/* Enforce check pre-submit */
	const form = document.getElementById("editor-form");
	add_check(form, editor);
</script>

{% endblock %}