{% extends "base.html" %}
{% block title %}
	Report a Submission - {{show.name}} - Episodes.Community
{% endblock %}
{% block content %}
<section class="show-details">
	<div class="banner" style="background-image: url(/media/uploaded_resources/{{show.banner}});"></div>
	<div class="banner-cover row p-4">
		<div class="artwork">
			{% if episode.season.artwork %}
				<img src="/media/uploaded_resources/{{episode.season.artwork}}">
			{% else %}
				<img src="/media/uploaded_resources/{{show.artwork}}">
			{% endif %}
		</div>
		<div class="details season col">
			<h1>{{show.name}}</h1>
			{% if episode.season.name %}
				<h3>{{ episode.season.name }}</h3>
			{% else %}
				<h3>Season {{ episode.season.number }}</h3>
			{% endif %}
			<p>
				{% if episode.season.description %}
					{{ episode.season.description }}
				{% else %}
					{{ show.description }}
				{% endif %}
			</p>
		</div>
	</div>
</section>
<section class="container mb-4 mt-2">
	<nav aria-label="breadcrumb">
		<ol class="breadcrumb">
			<li class="breadcrumb-item"><a href="/show/{{show.abbr}}">{{show.name}}</a></li>
			<li class="breadcrumb-item"><a href="/show/{{show.abbr}}/episode/{{episode.season.number}}/{{episode.episode}}-{{episode.name|slugify}}">{{episode.name}}</a></li>
			<li class="breadcrumb-item active" aria-current="page">Report</li>
		</ol>
	</nav>
	<h1>Report a Submission</h1>
	{% if error %}
	<div class="alert alert-danger">{{error}}</div>
	{% endif %}
	<form action="" method="post">
		<div class="bg-light p-4 mb-4">
			<div class="submitter font-weight-bold">Submission by {{ submission.user.display_name }}</div>
			<div class="url-to font-weight-light">{{ submission.url }}</div>
			{% if submission.user.is_staff %}
				<div class="alert alert-danger">
					<b>Warning</b>
					<p>This submission is made by a staff member. Unnecessary reporters <b>will</b> be banned.</p>
				</div>
			{% endif %}
		</div>
		{% include "form.html" %}
		<div class="form-group">
			<button type="submit" class="btn btn-primary">Submit</button>
		</div>
	</form>
</section>
{% endblock %}