{{define "content"}}
<div class="card">
    <h2>Table "{{.CurrentSlug}}"</h2>

    {{if .Full}}<b>This table is full <br></b>{{end}}

    Currently there are {{.Table.PlayerCount}} Players playing on this table.

    <ol>
        {{range .Table.Players}} <li>{{.Username}}</li> {{end}}
    </ol>

    <form method="get" action="/table/{{.CurrentSlug}}">
        <button type="submit">Refresh</button>
    </form>

    <p>The game can be finished when there are 2 or 4 players.</p>

    <div class="row">

    <form method="post" action="/table/{{.CurrentSlug}}">
        <button style="background-color: powderblue; border-color: gray;"  type="submit">FinishGame</button>
    </form>
    <form method="post" action="/table/{{.CurrentSlug}}/reset">
        <button type="submit">ResetGame</button>
    </form>


    </div>
</div>
{{end}}