{{define "createform"}}
{{if .}}
 <div id="create-room" class="create-room-div">
    Create a room <br/>
    or<br/>
    <button button 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/hideform" hx-target=".create-room-div" >Hide Form</button>
    <form hx-post="/room-create" hx-target="#ancestor">
	<label For="game_time">Turn Seconds:</label><br/>
	<input type="number" id="game_time" name="game_time" class="text-center text-white" value="300"/><br/>
	<label For="language">Language:</label><br/>
	<div>
	<select class="form-select text-white text-center bg-gray-900" id="languages" name="language">
        <option value="en">English</option>
        <option value="ru">Russian</option>
	</select>
	</div>
	<label For="password">Password:</label><br/>
	<input type="text" id="password" name="room_pass" class="text-center text-white" value="" placeholder="Leave empty for open room"/><br/>
	<button button 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" type="submit" >Create Room</button>
    </form>
</div>
{{else}}
<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>
{{end}}
{{end}}