{% extends "base.html" %}

{% block main %}

  <div class="row itemlist">
    {% for user in users %}
      {# Show an item per user, consisting of the username, and the avatar, linking to the touchkey login #}
      <div class="col-xl-1 col-md-2 col-sm-3 col-4 g-4 g-4">
	<a class="card h-100 text-bg-light" href="/touchkey?uid={{ user.id }}&username={{ user.name }}{% if buyproduct %}&buypid={{ buyproduct.id }}{% endif %}">
	  <div class="card-header">
	      {{ user.name }}
	  </div>
	  <img class="card-img-bottom" src="/static/upload/thumbnails/users/{{ user.id }}.png" alt="Avatar of {{ user.name }}" draggable="false"/>
	</a>
      </div>
    {% endfor %}
  </div>

  <br/>

  {{ super() }}

{% endblock %}

{% block barcodewebsocket %}
  document.location = "/?barcode=" + e.data;
{% endblock %}