{% extends "default.html" %}

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

{% endblock %}

{% block content %}

{% if thing %}

<pre>
	
</pre>

<h3>{{thing.body_html | safe}} - {{ups | length}} {% if thing.exclusive == 2 %}bets{% else %}votes{% endif %}</h3>
<div class="overflow-x-auto mt-5">
	<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 role="button" onclick="sort_table(2)">Vote Time</th>
			</tr>
		</thead>

		{% for vote in ups %}
			<tr>
				<td>
					<a style="color:#{{vote.user.name_color}};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.name_color}}"{% endif %} data-user-id="{{vote.user.id}}">
							{{vote.user.username}}
						</span>
					</a>
				</td>
				<td>{{vote.user.truecoins}}</td>
				<td data-time="{{vote.created_utc}}"></td>
			</tr>
		{% endfor %}
	</table>
</div>

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

{% endif %}


{% endblock %}