{% extends "settings2.html" %}

{% block content %}
<table class="table table-striped mb-5">
<thead class="bg-primary text-white">
	<tr>
		<th style="font-weight:bold;">#</th>
		<th style="font-weight:bold;">Name</th>
		<th style="font-weight:bold;">Tier</th>
		<th style="font-weight:bold;">Awards</th>
	</tr>
</thead>
{% for uid,row in result.items() %}
	<tr>
		<td style="font-weight:bold;">{{loop.index}}</td>
		<td><a style="color:#{{row['namecolor']}};  font-weight:bold;" href="/@{{row['username']}}"><img loading="lazy" src="/uid/{{uid}}/pic/profile" class="profile-pic-20 mr-1"><span {% if row['patron'] %}class="patron" style="background-color:#{{row['namecolor']}};"{% endif %}>{{row['username']}}</span></a></td>

		<td><img loading="lazy" width=32 height=32 src="/assets/images/badges/patron-{{row['patron']}}.gif"></td>

		<td style="font-weight:bold;">
			{% for (a,count) in row['awards'].values() %}
			<span class="d-inline-block mx-2 my-1">
				<i class="{{a['icon']}} {{a['color']}} fa-fw" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="{{a['title']}} Awards owned"></i>
				{{count}}
			</span>
			{% endfor %}
		</td>
	</tr>
{% endfor %}
</table>

{% endblock %}