<!DOCTYPE html>
<html lang="en-150">
                <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js" integrity="sha512-q/dWJ3kcmjBLU4Qc47E4A9kTB4m3wuTY7vkFJDTZKjTs8jhyGQnaUrxa0Ytd0ssMZhbNua9hE+E7Qv1j+DyZwA==" crossorigin="anonymous"></script>
                <script type="text/javascript" charset="utf-8">
                	var socket = io();
        		socket.on("update", function(){ window.location="/list/user?id={{user[0]}}"});
                </script>
		<title>{{user[1]|safe}}</title>
                <p><a href="/list">user and tag list</a> | <a href="/documentation">Documentation</a></p>
		<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" 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>
</html>