{% extends "base.html" %}
{% block title %}
Strichliste
{% endblock %}
{% block customscript %}
<script type="text/javascript" charset="utf-8">
    var socket = io();
    socket.on("update", function () {
        window.location = "http://matekasse.server.c3h/list"
    });
</script>
{% endblock %}
{% block content %}
<form action="/list/user" method="get"><input name="user" type="search" placeholder="Search for user">
    <button>Search</button>
</form>
<form action="/adduser" method="post">
    <button type="submit">Add User</button>
</form>
<br></br>
{% for i in users %}
<form action="/change" method="post" style="display: inline;">
    <p style="display: inline;">
        <a href="list/user?id={{i[0]}}">{{i[1]|safe}}</a>: {{i[2]/100}}€
    </p>
    <input name="id" type="hidden" value="{{i[0]}}">
    <input name="change" type="number" lang="nb" step="0.01" placeholder="add to balance">
</form>
<form action="/change" method="post" style="display: inline">
    <input name="id" type="hidden" value="{{i[0]}}">
    <button type="submit" name="change" value=-{{preis}}>-{{preis}}€</button>
</form>
<br style="line-height: 50%;"></br>
{% endfor %}
{% endblock %}