{% extends 'cwa/base.html.j2' %}

{% block body %}
<h1>{{ game.puzzle_name }}: {{ game.human_id }}</h1>

<form action="{{ baseurl }}{{ player.uuid }}/{{ game.uuid }}/play" method="post">
<ol>
<li>Choose a name: <b>{{ player.name }}</b></li>
<li>Join or start a game of <b>{{ game.puzzle_name }}</b>: <b>{{ game.human_id }}</b></li>
<li>Invite other players: <code id="joinurl">{{ host }}{{ baseurl }}{{ game.human_id }}</code></li>
<li><input type="submit" value="Play!" /></li>
</ol>

<h2>Game Options</h2>

{{ game.get_extra_options_html() }}

<h2>Players in Game</h2>
<ul>
{% for player in game.players.values() %}
<li>{{ player.name }}</li>
{% endfor %}
</ul>
<a href="{{ baseurl }}{{ player.uuid }}/{{ game.uuid }}/lobby">Refresh</a>

</form>

<script src="{{ baseurl }}static/script.js"></script>
{% endblock %}