{{define "title"}}Enter scores - QRank{{end}}
{{define "content"}}
<div class="card">
    <h2>Enter a game</h2>
    {{if .Table}}<p class="small">Table: <span class="badge">{{.Table.Name}}</span></p>{{end}}
    <form method="POST" action="{{.PostAction}}">
        <div class="row">
            <div style="flex:1;min-width:280px">
                <h3>Team A</h3>
                <label class="label">Player A1</label>
                <input class="input" name="a1" value="{{.CurrentUser.Username}}">
                <label class="label">Player A2 (optional)</label>
                <input class="input" name="a2" placeholder="username or email">
                <label class="label">Score A</label>
                <input class="input" type="number" name="scoreA" value="10" min="0" required>
            </div>
            <div style="flex:1;min-width:280px">
                <h3>Team B</h3>
                <label class="label">Player B1</label>
                <input class="input" name="b1" placeholder="username or email">
                <label class="label">Player B2 (optional)</label>
                <input class="input" name="b2" placeholder="username or email">
                <label class="label">Score B</label>
                <input class="input" type="number" name="scoreB" value="8" min="0" required>
            </div>
        </div>
        <div style="height:12px"></div>
        <button class="btn btn-primary" type="submit">Submit result</button>
    </form>
</div>
{{end}}