{{define "main"}}
	{{ if not . }}
		{{template "login"}}
	{{ else if ne .LinkLogin "" }}
		{{template "linklogin" .LinkLogin}}
	{{ else if not .State.RoomID }}
		<div id="hello-user" class="text-xl py-2">
			<p>Hello {{.State.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>
		<div>
		{{template "roomlist" .List}}
		</div>
	{{else}}
		<div id="room">
		{{template "room" .}}
		</div>
	{{end}}
{{end}}