{{define "content"}}
<div class="card">
    <h2>Global history</h2>
    <ul class="list">
        {{range .Games}}
        <li>
            <div class="small">{{fmtTime .CreatedAt}}</div>
            <div>
                {{if .Table}}<span class="badge">{{.Table.Slug}}</span> {{end}}
                {{if .WinnerIsA}}<span style="color: darkgoldenrod;"> {{range .PlayersA}}{{.Username}} {{end}}{{.ScoreA}}</span>/{{.ScoreB}}
                {{else}} <span style="color: darkgoldenrod;"> {{range .PlayersB}}{{.Username}} {{end}}{{.ScoreB}}</span>/{{.ScoreA}}{{end}} 
            </div>
            <div class="small">
                {{range .PlayersA}}@{{.Username}} <span style="color: {{.Color}};">{{.DeltaElo}}</span> {{end}}vs {{range .PlayersB}}@{{.Username}} <span style="color: {{.Color}};">{{.DeltaElo}}</span> {{end}}
            </div>
        </li>
        {{else}}
        <li class="small">No games yet. Be the first!</li>
        {{end}}
    </ul>
</div>
{{end}}