{% extends "admin:base" %}
{% 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="/admin/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 %}