{% extends "user:base" %}
{% block title %}{{ title }}{% endblock %}
{% block content %}
<div class="row g-5">
	<div class="col-md-6">
		<h2 class="text-body-emphasis">Challenges</h2>
		<p>
			There are cuttently {{ challenges_amount }} active challenges.
		</p>
		<ul class="list-unstyled ps-0">
			{% for challenge in challenges %}
			<li>
				<a class="icon-link mb-1" href="challenge/{{ challenge.id }}">
					<svg class="bi" width="16" height="16">
						<use xlink:href="#arrow-right-circle" />
					</svg>
					{{ challenge.id }} &mdash; {{ challenge.title }}
				</a>
				&rArr; {{ challenge.addr }}
			</li>
			{% endfor %}
		</ul>
	</div>

</div>
{% endblock %}