<!--
vim: ts=2 noexpandtab
-->
{% set navigation_bar = [
	("/", "search", _("Search"), "glyphicon-search"),
	("/categories", "categories", _("Categories"), "glyphicon-th"),
	("/create", "create", _("Create"), "glyphicon-plus")
] -%}

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="icon" href="favicon.ico">
		<title>{% block title %}TorrentIndexer{% endblock %}</title>
		<link href="{{ url_for("static", filename="css/bootstrap.css") }}" rel="stylesheet">
		<link href="{{ url_for("static", filename="css/style.css") }}" rel="stylesheet">
		<script src="{{ url_for("static", filename="js/main.js") }}"></script>
	</head>

	<body>
		<script type="text/javascript">
			var global_categories = {{json.dumps(categories)|safe}};
		</script>
		<div class="site-wrapper">
			<div class="site-wrapper-inner">
				<div class="cover-container">
					<div class="masthead clearfix">
						<div class="inner">
							<h3 class="masthead-brand"><a href="/">Torrent Indexer</a></h3>
							<nav>
								<ul class="nav masthead-nav">
									{% for href, id, caption, icon in navigation_bar %}
									<li {% if id == active_page %}class="active"{% endif %}>
										<a href="{{ href|e }}">
											<span class="glyphicon {{ icon|e }}" aria-hidden="true"></span> {{ caption|e }}
										</a>
									</li>
									{% endfor %}
								</ul>
							</nav>
						</div>
					</div>
					<div class="inner cover">
						{% block content %}{% endblock %}
					</div>
				</div>
			</div>
		</div>

		<script src="{{ url_for("static", filename="js/jquery.js") }}"></script>
		<script src="{{ url_for("static", filename="js/bootstrap.js") }}"></script>
	</body>
</html>