@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> - @post.title</h2>
	<pre id="post-@{post.id}">@post.body</pre>
	<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() && post.author_id == user.id
	<p><a href="/post/@{post.id}/edit">edit post</a></p>
	@end

	@if ctx.is_logged_in()
	<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>
	</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>
	@else if user.admin
	<h4>admin powers:</h4>
	@end

	<form action="/api/post/delete" method="post">
		<input
			type="number"
			name="id"
			id="id"
			placeholder="post id"
			value="@post.id"
			required
			readonly
			hidden
			aria-hidden
		>
		<input type="submit" value="delete">
	</form>

	</div>
	@end
</div>

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

@include 'partial/footer.html'