{% extends "default.html" %}

{% block pagetype %}userpage{% 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><span {% if u.patron %}class="patron" style="background-color:#{{u.namecolor}};"{% endif %}>{{u.username}}</span></title>
<meta name="description" content="[banned]">
{% endblock %}

{% block content %}

<div class="row no-gutters">
	<div class="col-12">
		<div class="text-center py-7 py-md-8">
			<span class="fa-stack fa-2x text-muted mb-4">
				<i class="fas fa-square text-danger opacity-25 fa-stack-2x"></i>
				{% if v.admin_level == 1 %}<i class="fas text-danger fa-gavel fa-stack-1x text-lg"></i>{% else %}<i class="fas text-danger fa-user-cog fa-stack-1x text-lg"></i>{% endif %}
			</span>
			{% if v.admin_level == 1 %}
			<h2 class="h5">@{{u.username}} is banned</h2>
			<p class="text-muted">This account has been suspended.</p>
			{% else %}
			<h2 class="h5">You are blocking @{{u.username}}.</h2>
			<p class="text-muted">So we aren't going to show you their profile.</p>
			{% endif %}
		</div>
	</div>
</div>
{% endblock %}

{% block pagenav %}
{% endblock %}