@include 'partial/header.html'

<script src="/static/js/post.js" defer></script>
<script src="/static/js/render_body.js" defer></script>
<script src="/static/js/text_area_counter.js"></script>

<h1>edit post</h1>

<div class="post post-full">
	<form action="/api/post/edit" method="post" beep-redirect="/post/@post.id">
		<input
			type="number"
			name="id"
			id="id"
			placeholder="post id"
			value="@post.id"
			required
			readonly
			hidden
			aria-hidden
		>

		<p id="title_chars">0/@{app.config.post.title_max_len}</p>
		<input
			type="text"
			name="title"
			id="title"
			minlength="@app.config.post.title_min_len"
			maxlength="@app.config.post.title_max_len"
			pattern="@app.config.post.title_pattern"
			placeholder="title"
			value="@post.title"
			required
		>
		<br>

		<p id="body_chars">0/@{app.config.post.body_max_len}</p>
		<textarea
			name="body"
			id="body"
			minlength="@app.config.post.body_min_len"
			maxlength="@app.config.post.body_max_len"
			rows="10"
			cols="30"
			placeholder="body"
			required
		>@post.body</textarea>
		<br>

		@if app.config.post.allow_nsfw
		<div>
			<label for="nsfw">is nsfw:</label>
			<input
				type="checkbox"
				name="nsfw"
				id="nsfw"
				@if post.nsfw
				checked aria-checked
				@end
			/>
		</div>
		<br>
		@else
		<input type="checkbox" name="nsfw" id="nsfw" hidden aria-hidden />
		@end

		<input type="submit" value="save">
	</form>
</div>

<hr>

<div>
	<h2>danger zone:</h2>
	<form action="/api/post/delete" method="post" beep-redirect="/">
		<input
			type="number"
			name="id"
			id="id"
			placeholder="post id"
			value="@post.id"
			required aria-required
			readonly aria-readonly
			hidden aria-hidden
		>
		<input type="submit" value="delete">
	</form>
</div>

<script>
	add_character_counter('title', 'title_chars', @{app.config.post.title_max_len})
	add_character_counter('body', 'body_chars', @{app.config.post.body_max_len})
</script>

@include 'partial/footer.html'