{% extends "default.html" %}

{% block title %}
<title>Grant User Award</title>
{% endblock %}

{% block pagetype %}message{% endblock %}

{% block content %}

	{% if error %}
	<div class="alert alert-danger alert-dismissible fade show my-3" role="alert">
		<i class="fas fa-exclamation-circle my-auto"></i>
		<span>
			{{error}}
		</span>
		<button class="close" data-bs-dismiss="alert" aria-label="Close">
			<span aria-hidden="true"><i class="far fa-times"></i></span>
		</button>
	</div>
	{% endif %}
	{% if msg %}
	<div class="alert alert-success alert-dismissible fade show my-3" role="alert">
		<i class="fas fa-check-circle my-auto" aria-hidden="true"></i>
		<span>
			{{msg}}
		</span>
		<button class="close" data-bs-dismiss="alert" aria-label="Close">
			<span aria-hidden="true"><i class="far fa-times"></i></span>
		</button>
	</div>
	{% endif %}

	<pre></pre>
	<pre></pre>
	<h5>User Award Grant</h5>

	<form action="/admin/awards", method="post">
		{{forms.formkey(v)}}
		<label for="input-username">Username</label><br>
		<input autocomplete="off" id="input-username" class="form-control mb-3" type="text" name="username" required>

		<div class="overflow-x-auto"><table class="table table-striped">
			<thead class="bg-primary text-white">
				<tr>
					<th scope="col">Icon</th>
					<th scope="col">Title</th>
					<th scope="col">Amount</th>
				</tr>
			</thead>
			<tbody>
			{% for a in awards %}
				<tr>
					<td><i class="{{a['icon']}} {{a['color']}}" style="font-size: 30px"></i></td>
					<td>{{a['title']}}</td>
					<td><input autocomplete="off" type="number" class="form-control" name="{{a['kind']}}" min="0" max="10" placeholder="Enter number..."></td>
				</tr>
			{% endfor %}
		</table>

		<input autocomplete="off" class="btn btn-primary mt-3" type="submit" value="Grant Awards">

	</form>

	<pre></pre>
{% endblock %}
