{{ 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="strict-origin-when-cross-origin"
	allowfullscreen
>
</iframe>
<main>
	<h1 id="title"></h1>
	<button id="toggle-details">Show Details</button>
	<div id="details" style="display:none">
		<span><a id="details-channel"></a> @ <span id="details-date"></span></span><br>
		<span><span id="details-views"></span> Views => 👍 <span id="details-likes"></span> => <span id="details-comments"></span> Comments</span><br><br>
		<div id="details-desc">No description has been added to this video.</div>
		<h4>Tags:</h4>
		<div id="details-tags"></div>
	</div>
	<div id="comments" style="display:none">
		<h3>Comments:</h3>
		<template id="template-comment">
			<hr>
			<div class="comment">
				<a class="author"></a>
				<span>@ <span class="date"></span></span>
				<span class="date modified"></span>
				<div class="body"></div>
				<span>👍 <span class="likes"></span></span>
				<div class="replies"></div>
			</div>
		</template>
	</div>
</main>
<footer>
	<br><a href="/">EmbedTube</a>
</footer>
{{ end }}