{% extends "default.html" %}

{% block sidebarblock %}{% endblock %}
{% block sidebarLeftblock %}{% endblock %}

{% block title %}
<title>Drama</title>
<meta name="description" content="Drama Help">
{% endblock %}

{% block content %}
<h1>Vote Info</h1>

<form action="votes" method="get" class="mb-6">
	<label for="link-input">Paste permalink</label>
	<input id="link-input" type="text" class="form-control mb-2" name="link" value="{{thing.permalink if thing else ''}}">
	<input type="submit" value="Submit" class="btn btn-primary">
</form>

{% if thing %}

<h1>Info</h1>
<p><a href="{{thing.permalink}}">{{thing.permalink}}</a></p>
<p><b>Author:</b> <a href="{{thing.author.permalink}}">@{{thing.author.username}}</a></p>
<p><b>Author Created At:</b> {{thing.author.created_utc}} ({{thing.author.created_datetime}} UTC)</p>
<p><b>Counted Upvotes:</b> {{thing.upvotes}} out of {{ups | length}}</p>
<p><b>Counted Downvotes:</b> {{thing.downvotes}} out of {{downs | length}}</p>

<h2>Upvotes</h2>
<table class="table table-striped mb-5">
	<thead class="bg-primary text-white">
		<tr>
			<th>User</th>
		</tr>
	</thead>

	{% for vote in ups %}
	<tr>
				<td style="font-weight:bold;"><a style="color:#{{vote.user.namecolor}}" href="/@{{vote.user.username}}">{{vote.user.username}}</a></td>
	</tr>
	{% endfor %}
</table>

<h2>Downvotes</h2>
<table class="table table-striped mb-5">
	<thead class="bg-primary text-white">
		<tr>
			<th>User</th>
		</tr>
	</thead>

	{% for vote in downs %}
	<tr>
				<td style="font-weight:bold;"><a style="color:#{{vote.user.namecolor}}" href="/@{{vote.user.username}}">{{vote.user.username}}</a></td>
	</tr>
	{% endfor %}
</table>



{% endif %}


{% endblock %}