{% extends "base.html" %}

{% block header %}
    {# Show the setup name, as set in the config file, as page title. Don't escape HTML entities. #}
    <h1>{{ setupname|safe }}</h1>
    {{ super() }}
{% endblock %}

{% block main %}

    {% if buyproduct %}
    <div class="notification">
	Login will purchase <strong>{{ buyproduct.name }}</strong>.
	Click <a href="/">here</a> to abort.
    </div>
    {% endif %}

    {% for user in users %}
        {# Show an item per user, consisting of the username, and the avatar, linking to the touchkey login #}
        <div class="thumblist-item">
            <a href="/touchkey?uid={{ user.id }}&username={{ user.name }}{% if buyproduct %}&buypid={{ buyproduct.id }}{% endif %}">
                <span class="thumblist-title">{{ user.name }}</span><br/>
                <div class="imgcontainer">
                    <img src="/static/upload/thumbnails/users/{{ user.id }}.png?cacheBuster={{ now }}" alt="Avatar of {{ user.name }}" draggable="false"/>
                </div>
            </a>
        </div>
    {% endfor %}

    <br/>
    {# Link to the password login #}
    <div class="thumblist-item">
	<a href="/login">Password login</a>
    </div>
    {% if signup %}
    <div class="thumblist-item">
	<a href="/signup">Create account</a>
    </div>
    {% endif %}

    {{ super() }}

{% endblock %}