{{define "content"}}
<div class="page-header">
    <h1>Running Games</h1>
    <span>{{len .Games}} game{{if ne (len .Games) 1}}s{{end}}</span>
</div>

{{if .Games}}
    {{range .Games}}
    <article class="game-card">
        <h3>
            <a href="/games/{{.GameID}}">Game {{.GameID}}</a>
            <span class="status-badge {{if eq .RunStatus "Running"}}running{{else}}finished{{end}}">
                {{.RunStatus}}
            </span>
        </h3>
        <div class="meta">
            Round {{.CurrentRound}} &bull; {{.ActionCount}} actions
        </div>
        <div class="players">
            {{range .Players}}
            <span class="player-badge {{if .IsHuman}}human{{else}}ai{{end}}">
                {{.FactionName}}{{if .IsHuman}} ({{.UserName}}){{end}}
            </span>
            {{end}}
        </div>
        <div class="actions">
            <a href="/games/{{.GameID}}" role="button" class="outline">View History</a>
        </div>
    </article>
    {{end}}
{{else}}
    <div class="empty-state">
        <p>No games currently running.</p>
        <p>Start a game from the Unity client to see it here.</p>
    </div>
{{end}}
{{end}}