{{ define "page" }}
<h1>NTFY</h1>
<style>
.grid {
	display: grid;
	grid-template-columns: min-content 1fr;
	grid-gap: 8px 16px;
	align-items: center;
	margin-top: 32px;
}

input[type=number] {
	width: 64px;
	padding: 4px;
}

button {
	margin-top: 16px;
}
</style>

<form action="/configuration/notification/update/{{ if .Data.Service.Exists }}{{ .Data.Service.GetPrio }}{{ else }}-1{{ end }}" method="post">
	<input type="hidden" name="type" value="NTFY">
	<div class="grid">
		<div>Prio:</div>
		<input type="number" min=0 name="prio" value="{{ .Data.Service.GetPrio }}">

		<div>URL:</div>
		<input type="text" name="url" value="{{ .Data.Service.URL }}" style="width: 100%">

		<button style="grid-column: 1 / -1; width: min-content;">OK</button>
	</div>
</form>
{{ end }}