{{define "head"}}
	<script src="/static/htmx.min.js"></script>
	<script src="/static/htmx-ext-sse.js"></script>
	<title>Wormhole</title>
{{end}}

<div
		hx-ext="sse"
		sse-connect="/wormhole/{{.Hole}}/ready">
	<form
			hx-post="/wormhole/{{.Hole}}"
			hx-trigger="sse:ready"
			enctype="multipart/form-data">
		<label for="file-input">1. Choose file</label>
		<input id="file-input" type="file" name="file">
	</form>
</div>

<p>2. Visit this URL <a href="{{.Self}}/wormhole/{{.Hole}}">{{.Self}}/wormhole/{{.Hole}}</a></p>