{% extends "default.html" %}
{% block pagetitle %}@{{u.username}}'s followers{% endblock %}
{% block content %}
	<h5 class="my-3">@{{u.username}}'s followers ({{total}} user{{macros.plural(total)}})</h5>
	<div class="overflow-x-auto mt-1">
		<table>
			<thead>
				<tr>
					<th>Name</th>
					<th class="disable-sort-click">Following since</td>
					{% if v.id == u.id %}
						<th class="disable-sort-click"></th>
					{% endif %}
				</tr>
			</thead>
			<tbody id="followers-table">
			{% for follow, user in users %}
				<tr>
					<td>{% include "user_in_table.html" %}</td>
					<td {% if follow.created_utc > 1599343262 %}data-time="{{follow.created_utc}}"{% endif %}></td>
					{% if v.id == u.id %}
						<td>
							<div class="btn btn-danger" data-areyousure="removeFollower(this, '{{user.username}}')" data-nonce="{{g.nonce}}" data-onclick="areyousure(this)">
								Remove follow
							</div>
						</td>
					{% endif %}
				</tr>
			{% endfor %}
			</tbody>
		</table>
	</div>

	<script defer src="{{'js/followers.js' | asset}}"></script>
{% endblock %}

{% block pagenav %}
	{% include "pagination.html" %}
{% endblock %}