@include 'partial/header.html'

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

<div class="post post-full">
	<h2>
		<a href="/user/@{(app.get_user_by_id(post.author_id) or { app.get_unknown_user() }).username}"><strong>@{(app.get_user_by_id(post.author_id) or { app.get_unknown_user() }).get_name()}</strong></a>
		-
		@if replying_to_post.id == 0
		@post.title
		@else
		replied to <a href="/user/@{replying_to_user.username}">@{replying_to_user.get_name()}</a>
		@end
		@if post.nsfw
		<span class="nsfw-indicator">(<em>nsfw</em>)</span>
		@end
	</h2>

	<hr>

	@if post.nsfw
	<details>
		<summary>click to show post (nsfw)</summary>
		<pre id="post-@{post.id}">@post.body</pre>
	</details>
	@else
	<pre id="post-@{post.id}">@post.body</pre>
	@end

	<hr>

	<p><em>likes: @{app.get_net_likes_for_post(post.id)}</em></p>
	<p><em>posted at: @post.posted_at</em></p>

	@if ctx.is_logged_in() && !user.automated
	<br>
	<p><a href="/post/@{post.id}/reply">reply</a></p>
	<br>
	<div>
		<button onclick="like(@post.id)">
			@if app.does_user_like_post(user.id, post.id)
			liked :D
			@else
			like
			@end
		</button>
		<button onclick="dislike(@post.id)">
			@if app.does_user_dislike_post(user.id, post.id)
			disliked D:
			@else
			dislike
			@end
		</button>
		<button onclick="save(@post.id)">
			@if app.is_post_saved_by(user.id, post.id)
			saved!
			@else
			save
			@end
		</button>
		<button onclick="save_for_later(@post.id)">
			@if app.is_post_saved_for_later_by(user.id, post.id)
			saved for later!
			@else
			save for later
			@end
		</button>
	</div>
	@end

	@if ctx.is_logged_in() && (post.author_id == user.id || user.admin)
	<br>
	<div>

	@if post.author_id == user.id
	<h4>manage post:</h4>

	<p><a href="/post/@{post.id}/edit">edit</a></p>
	@end

	@if user.admin
	<details>
		<summary>admin powers</summary>

		<form action="/api/post/pin" method="post">
			<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="pin">
		</form>

		<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>
	</details>
	@end

	</div>
	@end
</div>

<script type="module">
	await render_body('post-@{post.id}')
</script>

@include 'partial/footer.html'