<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>{% block title %}{{ config.SITE_NAME }}{% endblock %}</title>

		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="shortcut icon" type="image/png" href="/static/favicon.png">
		<link rel="icon" type="image/png" href="/static/favicon.png">
		<link rel="alternate" type="application/rss+xml" href="{% if rss_filter %}{{ url_for('home', page='rss', _external=True, **rss_filter) }}{% else %}{{ url_for('home', page='rss', _external=True) }}{% endif %}" />

		<!-- Bootstrap core CSS -->
		<!--
			Note: This has been customized at http://getbootstrap.com/customize/ to
			set the column breakpoint to tablet mode, instead of mobile. This is to
			make the navbar not look awful on tablets.
		-->
		<link href="/static/css/bootstrap.min.css" rel="stylesheet" id="bsThemeLink">
		<!--
			This theme changer script needs to be inline and right under the above stylesheet link to prevent FOUC (Flash Of Unstyled Content)
			Development version is commented out in static/js/main.js at the bottom of the file
		-->
		<script>function toggleDarkMode(){"dark"===localStorage.getItem("theme")?setThemeLight():setThemeDark()}function setThemeDark(){bsThemeLink.href="/static/css/bootstrap-dark.min.css",localStorage.setItem("theme","dark")}function setThemeLight(){bsThemeLink.href="/static/css/bootstrap.min.css",localStorage.setItem("theme","light")}if("undefined"!=typeof Storage){var bsThemeLink=document.getElementById("bsThemeLink");"dark"===localStorage.getItem("theme")&&setThemeDark()}</script>
		<link href="/static/css/bootstrap-select.min.css" rel="stylesheet">
		<link href="/static/css/font-awesome.min.css" rel="stylesheet">

		<!-- Custom styles for this template -->
		<link href="/static/css/main.css" rel="stylesheet">

		<!-- Bootstrap core JavaScript -->
		<script src="/static/js/jquery.min.js"></script>
		<script src="/static/js/bootstrap.min.js"></script>
		<!-- Modified to not apply border-radius to selectpickers and stuff so our navbar looks cool -->
		<script src="/static/js/bootstrap-select.js"></script>
		<script src="/static/js/main.js"></script>
		<script src="//cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js"></script>

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<!-- Fixed navbar -->
		<nav class="navbar navbar-default navbar-static-top navbar-inverse">
			<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="/">{{ config.SITE_NAME }}</a>
			</div>
			<div id="navbar" class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<li {% if request.path == "/upload" %} class="active"{% endif %}><a href="/upload">Upload</a></li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
							About
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li {% if request.path == "/rules" %} class="active"{% endif %}><a href="/rules">Rules</a></li>
							<li {% if request.path == "/help" %} class="active"{% endif %}><a href="/help">Help</a></li>
						</ul>
					</li>
					<li><a href="{% if rss_filter %}{{ url_for('home', page='rss', **rss_filter) }}{% else %}{{ url_for('home', page='rss') }}{% endif %}">RSS</a></li>
					{% if config.SITE_FLAVOR == 'nyaa' %}
					<li><a href="https://sukebei.nyaa.si/">R-18</a></li>
					{% elif config.SITE_FLAVOR == 'sukebei' %}
					<li><a href="https://nyaa.si/">SFW</a></li>
					{% endif %}
				</ul>

				<ul class="nav navbar-nav navbar-right">
					{% if g.user %}
					<li class="dropdown">
						<a href="#" class="dropdown-toggle visible-lg visible-sm visible-xs" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
							<i class="fa fa-user fa-fw"></i>
							{{g.user.username}}
							<span class="caret"></span>
						</a>
						<a href="#" class="dropdown-toggle hidden-lg hidden-sm hidden-xs" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
							<i class="fa fa-user fa-fw"></i>
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li class="hidden-lg hidden-sm hidden-xs">
								<a><i class="fa fa-user fa-fw"></i>Logged in as {{ g.user.username }}</a>
							</li>
							<li class="hidden-lg hidden-sm hidden-xs divider" role="separator">

							</li>
							<li>
								<a href="{{ url_for('view_user', user_name=g.user.username) }}">
									<i class="fa fa-user fa-fw"></i>
									Torrents
								</a>
							</li>
							<li>
								<a href="/profile">
									<i class="fa fa-gear fa-fw"></i>
									Profile
								</a>
							</li>
							<li>
								<a href="/logout">
									<i class="fa fa-times fa-fw"></i>
									Logout
								</a>
							</li>
						</ul>
					</li>
					{% else %}
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
							<i class="fa fa-user-times fa-fw"></i>
							Guest
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li>
								<a href="/login">
									<i class="fa fa-sign-in fa-fw"></i>
									Login
								</a>
							</li>
							<li>
								<a href="/register">
									<i class="fa fa-pencil fa-fw"></i>
									Register
								</a>
							</li>
						</ul>
					</li>
					{% endif %}
				</ul>
				{% if user_page %}
				<form class="navbar-form navbar-right form" action="{{ url_for('view_user', user_name=user.username) }}" method="get">
				{% else %}
				<form class="navbar-form navbar-right form" action="/" method="get">
				{% endif %}
					<div class="input-group">
						<input type="text" class="form-control" name="q" placeholder="Search..." value="{{ search["term"] if search is defined else '' }}">
						<div class="input-group-btn" id="navFilter">
							<select class="selectpicker show-tick" title="Filter" data-width="120px" name="f">
								<option value="0" title="Show all" {% if search is defined and search["quality_filter"] == "0" %}selected{% else %}selected{% endif %}>Show all</option>
								<option value="1" title="No remakes" {% if search is defined and search["quality_filter"] == "1" %}selected{% endif %}>No remakes</option>
								<option value="2" title="Trusted only" {% if search is defined and search["quality_filter"] == "2" %}selected{% endif %}>Trusted only</option>
							</select>
						</div>
						<div class="input-group-btn" id="navFilter">
							{% set nyaa_cats = [('1_0', 'Anime', 'Anime'),
												('1_1', '- Anime Music Video', 'Anime - AMV'),
												('1_2', '- English-translated', 'Anime - English'),
												('1_3', '- Non-English-translated', 'Anime - Non-English'),
												('1_4', '- Raw', 'Anime - Raw'),
												('2_0', 'Audio', 'Audio'),
												('2_1', '- Lossless', 'Audio - Lossless'),
												('2_2', '- Lossy', 'Audio - Lossy'),
												('3_0', 'Literature', 'Literature'),
												('3_1', '- English-translated', 'Literature - English'),
												('3_2', '- Non-English-translated', 'Literature - Non-English'),
												('3_3', '- Raw', 'Literature - Raw'),
												('4_0', 'Live Action', 'Live Action'),
												('4_1', '- English-translated', 'Live Action - English'),
												('4_2', '- Idol/Promotional Video', 'Live Action - Idol/PV'),
												('4_3', '- Non-English-translated', 'Live Action - Non-English'),
												('4_4', '- Raw', 'Live Action - Raw'),
												('5_0', 'Pictures', 'Pictures'),
												('5_1', '- Graphics', 'Pictures - Graphics'),
												('5_2', '- Photos', 'Pictures - Photos'),
												('6_0', 'Software', 'Software'),
												('6_1', '- Applications', 'Software - Apps'),
												('6_2', '- Games', 'Software - Games')] %}
							{% set suke_cats = [('1_0', 'Art', 'Art'),
												('1_1', '- Anime', 'Art - Anime'),
												('1_2', '- Doujinshi', 'Art - Doujinshi'),
												('1_3', '- Games', 'Art - Games'),
												('1_4', '- Manga', 'Art - Manga'),
												('1_5', '- Pictures', 'Art - Pictures'),
												('2_0', 'Real Life', 'Real Life'),
												('2_1', '- Photobooks and Pictures', 'Real Life - Pictures'),
												('2_2', '- Videos', 'Real Life - Videos')] %}
							{% if config.SITE_FLAVOR == 'nyaa' %}
								{% set used_cats = nyaa_cats %}
							{% elif config.SITE_FLAVOR == 'sukebei' %}
								{% set used_cats = suke_cats %}
							{% endif %}
							<select class="selectpicker show-tick" title="Category" data-width="170px" name="c">
								<option value="0_0" title="Show all" {% if search is defined and search["category"] == "0_0" %}selected{% else %}selected{% endif %}>
									Show all
								</option>
								{% for cat_id, cat_name, cat_title in used_cats %}
								<option value="{{ cat_id }}" title="{{ cat_title }}" {% if search is defined and search.category == cat_id %}selected{% endif %}>
									{{ cat_name }}
								</option>
								{% endfor %}
							</select>
						</div>
						<div class="input-group-btn">
							<button class="btn btn-primary" type="submit">
								<i class="fa fa-search fa-fw"></i>
							</button>
						</div>
					</div>
				</form>
			</div><!--/.nav-collapse -->
			</div>
		</nav>

		<div class="container">
			{% include "flashes.html" %}

			{% block body %}{% endblock %}
		</div> <!-- /container -->

		<footer style="text-align: center;">
			<p>Dark Mode: <a href="#" id="themeToggle">Toggle</a></p>
			{% if config.COMMIT_HASH %}
			<p>Commit: <a href="https://github.com/nyaadevs/nyaa/tree/{{ config.COMMIT_HASH }}">{{ config.COMMIT_HASH[:7] }}</a></p>
			{% endif %}
		</footer>
	</body>
</html>