{{define "head"}}
{{end}}

{{define "content"}}
<p>
    <a href="/">🔙</a>
</p>

<h3>Stats</h3>

<table class="table table-sm table-bordered table-hover">
    <thead>
    <tr>
        <th>ID</th>
        <th>Name</th>
        <th>Count</th>
        <th>Comment</th>
    </tr>
    </thead>
    {{ range .stats }}
        <tr>
        {{ range . }}
            <td>{{ . }}</td>
        {{ end }}
        </tr>
    {{ end }}
</table>

<h3>Games</h3>

<table class="table table-sm table-bordered table-hover">
    <thead>
    <tr>
        <th>ID</th>
        <th>Game Flow</th>
        <th>First Won</th>
        <th>Count</th>
    </tr>
    </thead>
    {{ range .games }}
        <tr>
        {{ range . }}
            <td>{{ . }}</td>
        {{ end }}
        </tr>
    {{ end }}
</table>
{{end}}