{% extends "layout-overview.html" %}
{% block body %}
  <h1 class="uk-heading-primary uk-text-center uk-heading-divider">Scoreboard</h1>
  
  <center>
    <div class="uk-text-large uk-align-center">

    <table class="uk-table uk-align-center">
      <caption></caption>
      <thead>
        <tr>
          <td>Name</td>
          {% for tag in tags %}
          <td>{{ tags.get(tag) }}</td>
          {% endfor %}
          <td>Duration</td>
        </tr>
      </thead>
      <tbody>
        {% for entry in entries %}
        <tr>
          <td>{{ entry.username }}</td>
          {% for tag in tags %}
          <td>
            {% if user[entry.id][tag] == 'Found' %}
	    <span uk-icon="icon: check; ratio: 2" class="uk-label-success"></span>
	    {% else %}
            <span uk-icon="icon: close; ratio: 2" class="uk-label-danger"></span>
            {% endif %}
          </td>
          {% endfor %}
          <td>
            {{ entry.duration }}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>

    </div>
  </center>
{% endblock %}