doctype html
html
    head

        title #{room} - Webchat
        style(type="text/css", src="main.css")
    body
        - import vibe.data.json;
        script(src="chat.js")
        script connect(#{Json(room)}, #{Json(nick)})
        h1 Room '#{room}'
        textarea#history(rows=20, readonly=true)
            - foreach (m; messages)
                |= m

        form(action="room", method="POST", autocomplete="off", onsubmit="return sendMessage()")
            input(type="hidden", name="room", value=room)
            input(type="hidden", name="nick", value=nick)
            input#inputLine(type="text", name="message", autofocus=true)