{% extends "userpage/userpage.html" %}
{% block userpage_content %}
<div class="row no-gutters {% if listing %}mt-md-3{% elif not listing %}my-md-3{% endif %} userpage-comments">
	<div class="col">
		{% if listing %}
		<div class="posts p-3 p-md-0">
		{% with comments=listing %}
		{% include "comments.html" %}
		{% endwith %}
	</div>
	{% else %}
	<div class="text-center px-3 my-3">
			<span class="fa-stack fa-2x text-muted mb-4">
				<i class="fas fa-square text-gray-500 opacity-25 fa-stack-2x"></i>
				<i class="fas text-gray-500 fa-scroll-old fa-stack-1x text-lg"></i>
			</span>
			{% if '/saved/' in request.path %}
				<h5>You haven't saved any comments yet</h5>
			{% elif v and v.id == u.id %}
				<h5>You haven't made any comments yet</h5>
				<p class="text-muted mb-md-5">Your commenting history will show here.</p>
			{% else %}
				<h5>@{{u.username}} hasn't made any comments yet</h5>
				<p class="text-muted">Their commenting history will show here.</p>
			{% endif %}
		</div>

	{% endif %}
</div>
</div>
{% endblock %}