//- 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: 15px; float: right; }
			td a.green { text-decoration: none; color: green; font-size: 15px; 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; }
			td.is_invite { color: gray }
			td.enemy { background-color: #f66 }
			td.enemy::before { content: "\1f6ab    "; color: #000; font-size: 15px; }
		script.
			let game = !{ JSON.stringify(game) }
			let roles = !{ JSON.stringify(roles) }
			let players = !{ JSON.stringify(players) }
			let user_id = !{ user.user_id }
			let whitelist = !{ JSON.stringify(whitelist) }
			let blacklist = !{ JSON.stringify(blacklist) }
			let friends = !{ JSON.stringify(friends) }
			let ready = !{ ready }
		script(src="/join.js")
	body
		include header
		article
			h1= game.title_name
			p.error#error

			div.logo
				+gamecover(game.title_id)

			div Scenario: #{game.scenario}

			unless game.human_options === "None"
				div Options: #{game.human_options}

			if game.owner_id
				div
					if game.is_private
						| Owner: <a href="/user/#{game.owner_name}">#{game.owner_name}</a> (private)
					else
						| Owner: <a href="/user/#{game.owner_name}">#{game.owner_name}</a>

			div Created: #{game.ctime}
			unless game.mtime === "never"
				div Changed: #{game.mtime}

			if game.status === 2
				div Result: #{game.result}

			if game.notice
				br
				div
					i= game.notice

			br(clear="left")

			dialog(id="invite")
				| Invite a friend:
				br
				input(id="invite_user" type="text" list="friends" onchange="send_invite()")
				datalist(id="friends")
					if friends
						each who in friends
							option= who
				br
				button(onclick="send_invite()") Invite
				button(onclick="hide_invite()") Cancel

			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