{% extends "default.html" %}

{% block title %}
<title>Shop</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 type="button" class="close" data-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 type="button" class="close" data-dismiss="alert" aria-label="Close">
				<span aria-hidden="true"><i class="far fa-times"></i></span>
			</button>
		</div>
		{% endif %}

<pre></pre>
<pre></pre>
<h5>Shop</h5>

<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">Price</th>
		</tr>
	</thead>
	<tbody>
{% for a in awards %}
	<tr>
		<td><i class="{{a['icon']}} {{a['color']}}" style="font-size: 30px"></i></td>
		<td style="font-weight: bold">{{a['title']}}</td>
		<td style="font-weight: bold">{{a['price']}}</td>
		{% set kind = a['kind'] %}
		<td style="font-weight: bold"><a class="btn btn-success" href="javascript:void(0)" onclick="post_toast('/buy/{{kind}}')">Buy</a></td>
	</tr>
{% endfor %}
</table>

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