{% extends "layout.html" %}
{% block content %}
    {% for user in users %}
        <div class="geruecht">
    <div class="g-item">
      <p>{{ user.username }}</p>
    </div>
    <div class="g-item button" id="{{ user.id }}-2" href="javascript://" onclick="Sijax.request('add', ['{{ user.username }}', 2]);">
      +2 &euro;
    </div>
    <div class="g-item button" id="{{ user.it }}-1" href="javascript://" onclick="Sijax.request('add', ['{{ user.username }}', 1]);">
      +1 &euro;
    </div>
    <div class="g-item button" id="{{ user.id }}-050" href="javascript://" onclick="Sijax.request('add', ['{{ user.username }}', 0.5]);">
      +0,5 &euro;
    </div>
    <div class="g-item button" id="{{ user.id }}-040" href="javascript://" onclick="Sijax.request('add', ['{{ user.username }}', 0.4]);">
      +0,4 &euro;
    </div>
    <div class="g-item button" id="{{ user.id }}-020" href="javascript://" onclick="Sijax.request('add', ['{{ user.username }}', 0.2]);">
      +0,2 &euro;
    </div>
    <div class="g-item button" id="{{ user.id }}-010" href="javascript://" onclick="Sijax.request('add', ['{{ user.username }}', 0.1]);">
      +0,1 &euro;
    </div>
    <div class="g-item">
      <p id="{{ user.id }}-sum">{{ "%.2f"%user.getsum() }} €</p>
    </div>
  </div>
    {% endfor %}
{% endblock %}
{% block bottombar %}
    <div class="bottombar-element">
        {% if form %}
        <form method="POST" action="">
            {{ form.hidden_tag() }}
            <fieldset class="form-group">
               <!-- <legend class="reg-label">neue Person hinzufügen</legend>  -->
                <div class="form-group">
                    {{ form.username.label(class="reg-label") }}
                    {{ form.username() }}
                </div>
            </fieldset>
            <div class="form-group m">
                {{ form.submit(class="blue-button no-mg") }}
            </div>
        </form>
        {% endif %}
    </div>
    <div class="right blue-button buttombar-element" href="javascript://" onclick="Sijax.request('storner');">
      Stornieren
    </div>
{% endblock %}