{% extends "base.html" %}
{% 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"><< Show Index</a>
	<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}}">
			<a href="/show/{{show.abbr}}/vote/{{sbm.id}}/1" class="vote-positive">
				<i class="fa fa-fw fa-thumbs-up"></i>&nbsp;{{sbm.positives}}
			</a>
			<a href="/show/{{show.abbr}}/vote/{{sbm.id}}/0" class="vote-negative">
				<i class="fa fa-fw fa-thumbs-down"></i>&nbsp;{{sbm.negatives}}
			</a>
		</div>
	</div>
	{% empty %}
	<h3>Nobody has submitted any links yet.</h3>
	{% endfor %}
	</div>
</section>
{% endblock %}