{% extends "default.html" %}
{% block pagetitle %}Votes on {{obj.shortlink}}{% endblock %}
{% block content %}
	{% if obj %}
		<h1 class="mt-2">Info</h1>
		<p><a href="{{obj.permalink}}">{{obj.permalink}}</a></p>
		<p><b>Author:</b> <a href="{{obj.author.url}}">@{{obj.author.username}}</a></p>
		<p><b>Author Created At:</b> <span data-time="{{obj.author.created_utc}}"></span></p>
		<p><b>Author Truescore:</b> {{obj.author.truescore|commas}}</p>
		<p><b>Upvotes: </b>{{ups | length}}</p>
		<p><b>Downvotes: </b>{{downs | length}}</p>

		<h2>Upvotes</h2>
		<div class="overflow-x-auto">
			<table>
				<thead>
					<tr>
						<th>#</th>
						<th>User</th>
						<th>User Truescore</th>
						<th>Vote Time</th>
					</tr>
				</thead>

				{% for vote in ups %}
					<tr>
						<td>{{loop.index}}</td>
						<td>
							{% with user=vote.user %}
								{% include "user_in_table.html" %}
							{% endwith %}
						</td>
						<td>{{vote.user.truescore|commas}}</td>
						<td {% if vote.created_utc > 1599343262 %}data-time="{{vote.created_utc}}"{% endif %}></td>
					</tr>
				{% endfor %}
			</table>
		</div>

		<h2>Downvotes</h2>
		<div class="overflow-x-auto">
			<table>
				<thead>
					<tr>
						<th>#</th>
						<th>User</th>
						<th>User Truescore</th>
						<th>Vote Time</th>
					</tr>
				</thead>

				{% for vote in downs %}
					<tr>
						<td>{{loop.index}}</td>
						<td>
							{% with user=vote.user %}
								{% include "user_in_table.html" %}
							{% endwith %}
						</td>
						<td>{{vote.user.truescore|commas}}</td>
						<td {% if vote.created_utc > 1599343262 %}data-time="{{vote.created_utc}}"{% endif %}></td>
					</tr>
				{% endfor %}
			</table>
		</div>
	{% endif %}
{% endblock %}