{% load static %}
<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
		<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
		<link rel='stylesheet' type='text/css' href='{% static 'css/style.css' %}'>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">
		<script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
		<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
		<meta charset="utf-8">
		{% block meta %}
		<meta name="description" content="Episodes.Community - Share, Discuss and Watch your Favourite Shows">
		<meta name="keywords" content="episodes,community,television,shows,discussion">
		<meta name="author" content="Icy Network">
		{% endblock %}
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>{% block title %}Episodes.Community{% endblock %}</title>
	</head>
	<body>
		{% block unibar %}
		<nav class="navbar navbar-expand-lg navbar-light bg-light">
			<a class="navbar-brand" href="/">Episodes.Community</a>
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="collapse navbar-collapse" id="navbarNav">
				<ul class="navbar-nav mr-auto">
					<li class="nav-item active">
						<a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="/shows/">Shows</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="/community">Community</a>
					</li>
				</ul>
				<ul class="navbar-nav my-2 my-lg-0">
				{% if user.is_authenticated %}
					{% if user.is_staff %}
					<li class="nav-item">
						<a class="nav-link" href="/admin">
							<i class="fa fa-fw fa-shield"></i>
							Admin
						</a>
					</li>
					{% endif %}
					<li class="nav-item">
						<a class="nav-link" href="/community/user/{{user.pk}}-{{user.display_name|slugify}}">{{ user.display_name }}</a>
					</li>
				{% else %}
				<li class="nav-item">
					<a class="nav-link" href="/login">Log in</a>
				</li>
				{% endif %}
				</ul>
			</div>
		</nav>
		{% endblock %}
		{% block content %}{% endblock %}
		{% block footer %}
		{% include "footer.html" %}
		{% endblock %}
	</body>
</html>