{% extends "base.html" %}

{% block title %}
	Episode "{{episode.name}}" - S{{episode.season.number}}E{{episode.episode}} - {{show.name}} - Episodes.Community
{% endblock %}

{% block meta %}
	{{ block.super }}
	<meta property="og:title" content="{{episode.name}}">
	<meta property="og:type" content="video.episode">
	<meta property="og:video:series" content="{{show.name}}">
	<meta property="og:image" content="/media/uploaded_resources/{{show.artwork}}">
	<meta property="og:url" content="https://{{show.abbr}}.episodes.community/episode/{{episode.season.number}}/{{episode.episode}}-{{episode.name|slugify}}">
{% endblock %}

{% block content %}
<section class="show-details">
	<div class="banner" style="background-image: url(/media/uploaded_resources/{{show.banner}});"></div>
	<div class="banner-cover">
		<div class="artwork">
			<img src="/media/uploaded_resources/{{show.artwork}}">
		</div>
		<div class="details">
			<h1>{{show.name}}</h1>
			<p class="description">
				{{show.description}}
			</p>
		</div>
	</div>
</section>
<section class="submissions">
	<a href="/show/{{show.abbr}}" class="button"><i class="fa fa-fw fa-home"></i>&nbsp;Show Index</a>
	{% if request.session.user_id %}
	<a href="/show/{{show.abbr}}/episode/{{episode.season.number}}/{{episode.episode}}/submit" class="button"><i class="fa fa-fw fa-plus"></i>&nbsp;Submit New Link</a>
	{% else %}
	<span class="fillertext"><a href="/login">Log in</a> to submit a link</span>
	{% endif %}
	<h1>Watch <q>{{episode.name}}</q> From</h1>
	<div class="submission-list">
	{% for sbm in submissions %}
	<div class="submission{% if sbm.positives < sbm.negatives %} buried{% endif %}">
		<a href="{{sbm.url}}" class="link"><i class="fa fa-fw fa-globe"></i>&nbsp;{{sbm.url}}</a>
		<div class="vote-btns" data-vote-id="{{sbm.id}}">
			<form method="POST" action="/show/{{show.abbr}}/vote/{{sbm.id}}/1">
				{% csrf_token %}
				<button class="vote-positive">
					<i class="fa fa-fw fa-thumbs-up"></i>&nbsp;{{sbm.positives}}
				</button>
			</form>
			<form method="POST" action="/show/{{show.abbr}}/vote/{{sbm.id}}/0">
				{% csrf_token %}
				<button class="vote-negative">
					<i class="fa fa-fw fa-thumbs-down"></i>&nbsp;{{sbm.negatives}}
				</button>
			</form>
		</div>
	</div>
	{% empty %}
	<h3>Nobody has submitted any links yet.</h3>
	{% endfor %}
	</div>
</section>
{% endblock %}