include ./display_structured

mixin post(post, headerWithNavigation)
	.post-page-divider
		section.description-section
			.user-header
				header.user-header-inner
					img(src=post.ownerPfpCacheP width=150 height=150 alt="").pfp
					a.name(href=`/u/${post.getBasicOwner().username}`)
						if post.data.owner.full_name
							= `${post.data.owner.full_name} (@${post.getBasicOwner().username})`
						else
							= `@${post.getBasicOwner().username}`
				if headerWithNavigation
					button.navigate-posts.previous
						img(src="/static/img/arrow-circled.svg" alt="Previous post." style="transform: rotate(180deg)").icon
					button.navigate-posts.next
						img(src="/static/img/arrow-circled.svg" alt="Next post.").icon
			div.relative-box
				div.scrolling-box
					if post.getCaption()
						p.structured-text.description
							+display_structured(post.getStructuredCaption())
		section.images-gallery
			for entry in post.children
				if entry.isVideo()
					video(src=entry.getVideoUrlP() controls preload="auto" width=entry.data.dimensions.width height=entry.data.dimensions.height).sized-video
				else
					img(src=entry.getDisplayUrlP() alt=entry.getAlt() width=entry.data.dimensions.width height=entry.data.dimensions.height).sized-image