{{define "main"}}
	<!-- user has no username -> login form -->
	{{ if eq .Username "" }}
	{{template "login"}}
	<!-- user has name but no room id => suggest to create room -->
	{{ else if eq .Room.ID "" }}
	<div id="hello-user">
		<p>Hello {{.Username}}</p>
	</div>
	<div id="create-room" class="create-room-div">
	    <button button id="create-form-btn" type="submit" class="justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" hx-get="/room/createform" hx-swap="outerHTML">SHOW ROOM CREATE FORM</button>
	</div>
	{{else}}
	<!-- user has room id => send him to his room -->
	{{template "room" .}}
{{end}}
{{end}}