{% extends "default.html" %}
{% block content %}
<h5 class="mt-2">@{{u.username}}'s followers</h5>
<div class="overflow-x-auto mt-1"><table class="table table-striped mb-5">
<thead class="bg-primary text-white">
	<tr>
		<th>#</th>
		<th>Name</th>
		<td>Following since</td>
		{% if v.id == u.id %}
			<th></th>
		{% endif %}
	</tr>
</thead>
<tbody id="followers-table">
{% for follow, user in users %}
	<tr>
		<td>{{loop.index}}</td>
		<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-click="removeFollower(this, '{{user.username}}')" onclick="areyousure(this)">Remove follow</div></td>
		{% endif %}
	</tr>
{% endfor %}
</tbody>
</table>

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

{% endblock %}