{% extends "default.html" %}

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

{% endblock %}

{% block content %}

{% if thing %}
<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> {{thing.author.created_datetime}}</p>
<p><b>Author Truescore:</b> {{thing.author.truescore}}</p>
<p><b>Upvotes: </b>{{ups | length}}</p>
<p><b>Downvotes: </b>{{downs | length}}</p>

<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>User truescore</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.truescore}}</td>
		</tr>
	{% endfor %}
</table>

<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>User truescore</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.truescore}}</td>
		</tr>
	{% endfor %}
</table>
{% endif %}
{% endblock %}
