{% extends "base.html" %}
{% block customscript %}
<script type="text/javascript" charset="utf-8">
    var socket = io();
    socket.on("update", function () {
        window.location = "/list/user?id={{user[0]}}"
    });
</script>
{% endblock %}
{% block title %}
    {{user[1]|safe}}
{% endblock %}
{% block content %}
<p> {{user[1]|safe}} : {{user[2]/100}}€ <p>
<form action="/addtag" method="post">
    <input name="id" type="hidden" value="{{user[0]}}">
    <button type="submit">Add Tag</button>
</form>
<form action="/removetag" method="post">
    <input name="id" type="hidden" value="{{user[0]}}">
    <button type="submit">Remove Tag</button>
</form>
</p>
<form action="/change" method="post">
    <input name="id" type="hidden" value="{{user[0]}}">
    <input name="change" type="number" lang="nb" step="0.01" placeholder="change balance">
</form>
</p>
<br></br>
<p>Tags:</p>
{% for tag in tags %}
<p>
    <form action="/removetag" method="post">
        <label for="removetag">{{tag[0]}} </label>
        <input name="id" type="hidden" value="{{user[0]}}">
        <input name="tagid" type="hidden" value="{{tag[0]}}">
        <button id="removetag" type="submit">Remove Tag</button>
    </form>
</p>
{% endfor %}
<br></br>
<form action="/removeuser" method="post"><input name="id" type="hidden" value="{{user[0]}}">
    <button type="submit">Remove User</button>
</form>
{% endblock %}