{% extends "userpage.html" %}

{% block adminpanel %}{% endblock %}
{% block pagetype %}userpage{% endblock %}
{% block banner %}{% endblock %}
{% block mobileBanner %}{% endblock %}
{% block desktopBanner %}{% endblock %}
{% block desktopUserBanner %}{% endblock %}
{% block mobileUserBanner %}{% endblock %}

	{% block postNav %}
	<div class="container-fluid bg-white sticky">
		<div class="row border-bottom">
			<div class="col">
				<div class="container">
					<div class="row bg-white">
						<div class="col">
							<div class="d-flex">
								<ul class="nav post-nav mr-auto">
									<li class="nav-item">
										<a class="nav-link {% if request.path=="/admin/reported/posts" %} active{% endif %}" href="/admin/reported/posts">
											<div>Posts</div>
										</a>
									</li>
									<li class="nav-item">
										<a class="nav-link {% if request.path=="/admin/reported/comments" %} active{% endif %}" href="/admin/reported/comments">
											<div>Comments</div>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	{% endblock %}


{% block fixedMobileBarJS %}
<script>
	var prevScrollpos = window.pageYOffset;
	window.onscroll = function () {
		var currentScrollPos = window.pageYOffset;
		if (prevScrollpos > currentScrollPos) {
			document.getElementById("fixed-bar-mobile").style.top = "48px";
			document.getElementById("navbar").classList.remove("shadow");
		} 
		else if (currentScrollPos <= 125) {
			document.getElementById("fixed-bar-mobile").style.top = "48px";
			document.getElementById("navbar").classList.remove("shadow");
		}
		else {
			document.getElementById("fixed-bar-mobile").style.top = "-48px";
			document.getElementById("dropdownMenuSortBy").classList.remove('show');
			document.getElementById("dropdownMenuFrom").classList.remove('show');
			document.getElementById("navbar").classList.add("shadow");
		}
		prevScrollpos = currentScrollPos;
	}
</script>
{% endblock %}

{% block title %}
<title>Reported Posts</title>
<meta name="description" content="on {{'SITE_NAME' | app_config}}">
{% endblock %}

{% block content %}

<div class="row no-gutters">

	<div class="col">

	{% block listing %}
		<div class="posts">
			{% include "submission_listing.html" %}
		</div>
	{% endblock %}
	</div>
</div>
{% endblock %}

{% block pagenav %}
<nav aria-label="Page navigation">
	<ul class="pagination pagination-sm py-3 pl-3 mb-0">
		{% if page>1 %}
		<li class="page-item">
			<small><a class="page-link" href="?page={{page-1}}" tabindex="-1">Prev</a></small>
		</li>
		{% else %}
		<li class="page-item disabled"><span class="page-link">Prev</span></li>
		{% endif %}
		{% if next_exists %}
		<li class="page-item">
			<small><a class="page-link" href="?page={{page+1}}">Next</a></small>
		</li>
		{% else %}
		<li class="page-item disabled"><span class="page-link">Next</span></li>
		{% endif %}
	</ul>
</nav>
{% endblock %}