{{ define "scripts" }}
<script src="/static/index.js" defer></script>
<script src="https://www.youtube.com/iframe_api"></script>
{{ end }}

{{ define "content" }}
<iframe
	id="player"
	src="https://www.youtube-nocookie.com/embed/{{ .Id }}?enablejsapi=1&autoplay=1"
	frameborder="0"
	allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
	referrerpolicy="no-referrer"
	allowfullscreen
>
</iframe>
<h1 id="title"></h1>
<button id="toggle-details">Show Details</button>
<div id="details" style="display:none">
	<span><a id="details-channel"></a> &ensp; 👍 <span id="details-likes"></span></span>
	<br>
	<span><span id="details-views"></span> Views &ensp; <span id="details-date"></span></span>
	<br>
	<h3>Description:</h3>
	<span id="details-desc">No description has been added to this video.</span>
	<br>
	<h4>Tags:</h4>
	<div id="details-tags"></div>
</div>
<br>
<div id="comments" style="display:none">
	<h3>Comments:</h3>
	<template id="template-comment">
		<div class="comment">
			<a class="author"></a>
			<span class="date"></span>
			<span class="date modified"></span>
			<div class="body"></div>
			<span>👍 <span class="likes"></span></span>
			<div class="replies"></div>
		</div>
	</template>
</div>
{{ end }}