{% extends "base.html" %}
{% block title %}
	Watch {{show.name}} Now - on Episodes.Community!
{% endblock %}

{% block meta %}
	{{ block.super }}
	<meta property="og:title" content="{{show.name}}">
	<meta property="og:type" content="video.tv_show">
	<meta property="og:image" content="/media/uploaded_resources/{{show.artwork}}">
	<meta property="og:url" content="https://{{show.abbr}}.episodes.community/">
{% endblock %}

{% block content %}
{% load guardian_tags %}
{% get_obj_perms request.user for show as "show_perms" %}
{% include "partials/show_banner.html" %}
<section class="mb-5 mt-2 container">
	<nav aria-label="breadcrumb">
		<ol class="breadcrumb">
			<li class="breadcrumb-item active" aria-current="page">{{show.name}}</li>
		</ol>
	</nav>
	{% for season in seasons %}
	<div class="row mb-3">
		<div class="col-md-2 mb-2">
			<h2>{% if season.name %}{{season.number}} - {{season.name}}{% else %}Season {{season.number}}{%endif%}</h2>
		</div>
		<div class="col-md">
			<div class="episodes">
				{% for episode in season.episodes.all %}
				<div class="row">
					<div class="col-md">
						<h3>
							<a class="d-block" data-season="{{season.number}}" data-number="{{episode.episode}}" data-title="{{episode.name}}" href="episode/{{season.number}}/{{episode.episode}}-{{episode.name|slugify}}">{{episode.episode}} - {{episode.name}}</a>
						</h3>
					</div>
				</div>
				{% endfor %}
			</div>
		</div>
		{% if "can_moderate_show" in show_perms %}
		<div class="col-md-1 text-md-right">
			<a href="/show/{{show.abbr}}/season/{{season.number}}/append" class="action"><i class="fa fa-fw fa-plus"></i></a>
		</div>
		{% endif %}
	</div>
	{% endfor %}
	{% if "can_moderate_show" in show_perms %}
	<div class="d-flex flex-row-reverse">
		<a href="/show/{{show.abbr}}/season/new" class="btn btn-warning"><i class="fa fa-fw fa-plus"></i>&nbsp;Add a Season</a>
	</div>
	{% endif %}
</section>
{% endblock %}