28 lines
1.8 KiB
HTML
28 lines
1.8 KiB
HTML
{{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="#main-content" class="space-y-4">
|
|
<label For="game_time">Turn Seconds:</label><br/>
|
|
<input type="number" id="game_time" name="game_time" class="text-center text-white" value="120"/><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="room_pass">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}}
|