{% extends "default.html" %}

{% block title %}
<title>{{SITE_NAME}}</title>

{% endblock %}

{% block content %}

{% if thing %}

<script src="/assets/js/sort_table.js?v=243"></script>

<pre>
	
</pre>
<h1>Info</h1>
<p><a href="{{thing.permalink}}">{{thing.permalink}}</a></p>
<p><b>Author:</b> <a href="{{thing.author.url}}">@{{thing.author.username}}</a></p>
<p><b>Author Created At:</b> <span data-time="{{thing.author.created_utc}}"></span></p>
<p><b>Author Truescore:</b> {{thing.author.truecoins}}</p>
<p><b>Upvotes: </b>{{ups | length}}</p>
<p><b>Downvotes: </b>{{downs | length}}</p>

{% if v.admin_level and (total_ups and patrons_ups) %}
	<p><b>Total Truescore: </b>{{total_ups}}</p>
	<p><b>Total Paypigs: </b>{{patrons_ups}}</p>
{% endif %}

<h2>Upvotes</h2>
<div class="overflow-x-auto">
	<table class="table table-striped mb-5">
		<thead class="bg-primary text-white">
			<tr>
				<th>User</th>
				<th role="button" onclick="sort_table(1)">User Truescore</th>
				<th>Vote Time</th>
			</tr>
		</thead>

		{% for vote in ups %}
			<tr>
				<td>
					<a style="color:#{{vote.user.namecolor}};font-weight:bold" href="/@{{vote.user.username}}">
						<img loading="lazy" src="{{vote.user.profile_url}}" class="pp20">
						<span {% if vote.user.patron %}class="patron" style="background-color:#{{vote.user.namecolor}}"{% endif %}>
							{{vote.user.username}}
						</span>
					</a>
				</td>
				<td>{{vote.user.truecoins}}</td>
				<td data-time="{{vote.created_utc}}"></td>
			</tr>
		{% endfor %}
	</table>
</div>

<h2>Downvotes</h2>
<div class="overflow-x-auto">
	<table class="table table-striped mb-5">
		<thead class="bg-primary text-white">
			<tr>
				<th>User</th>
				<th role="button" onclick="sort_table(1)">User Truescore</th>
				<th>Vote Time</th>
			</tr>
		</thead>

		{% for vote in downs %}
			<tr>
				<td>
					<a style="color:#{{vote.user.namecolor}};font-weight:bold" href="/@{{vote.user.username}}">
						<img loading="lazy" src="{{vote.user.profile_url}}" class="pp20">
						<span {% if vote.user.patron %}class="patron" style="background-color:#{{vote.user.namecolor}}"{% endif %}>
							{{vote.user.username}}
						</span>
					</a>
				</td>
				<td>{{vote.user.truecoins}}</td>
				<td data-time="{{vote.created_utc}}"></td>
			</tr>
		{% endfor %}
	</table>
</div>
{% endif %}


{% endblock %}