//- vim:ts=4:sw=4:
doctype html
html
	head
		include head
		+social(game.title_name,
			"Play " + game.title_name + " with " + players.map(x=>x.name).join(" and ") + ".",
			game.title_id)
		title= game.title_name
		style.
			table { min-width: 0; }
			th,td { border: 1px solid black; }
			td a.red { text-decoration: none; color: brown; font-size: 14px; float: right; }
			td a { text-decoration: underline; color: blue; }
			th { white-space: nowrap; background-color: gainsboro; }
			td { width: 180px; background-color: white; }
			#message { background-color: whitesmoke; }
			.hide { display: none; }
		script.
			let game = !{ JSON.stringify(game) }
			let roles = !{ JSON.stringify(roles) }
			let players = !{ JSON.stringify(players) }
			let user_id = !{ user.user_id }
			let ready = !{ ready }
		script(src="/join.js")
	body
		include header
		article
			h1= game.title_name
			p.error#error

			div.logo
				+gamecover(game.title_id)

			p
				if game.is_private
					| Owner: #{game.owner_name} (private)
				else
					| Owner: #{game.owner_name}
				br
				| Scenario: #{game.scenario}
				br
				| Options: #{game.human_options}

			p= game.description || "No description."

			br(clear="left")

			p
			table
				tbody
					each role in roles
						tr
							th(id="role_"+role.replace(/ /g, "_")+"_name")= role
							td.command(id="role_"+role.replace(/ /g, "_")) -
					tr
						td.command#message(colspan=2) -

			p
				button.hide#delete_button(onclick="confirm_delete()") Delete
				button.hide#start_button(onclick="start()" disabled) Start