{{define "title"}}QRank{{end}}
{{define "content"}}
<div class="card">
    <h2>Enter a game</h2>

    {{if .Table}}
        <p class="small">Table: <span class="badge">{{.Table.Slug}}</span></p>
    {{end}}

    <form method="POST" action="/enter">
        <div class="row">
            <div style="flex:1;min-width:180px">
                <h3>Team A</h3>
                <label class="label">Player A1</label>
                <input class="input" name="a1" {{if (index .Form "a1")}}value="{{index .Form "a1"}}"{{else}}value="{{.CurrentUser.Username}}"{{end}} placeholder="username or email">
                <div style="height:6px"></div>
                <label class="label">Player A2 (optional)</label>
                <input class="input" name="a2" value="{{index .Form "a2"}}" placeholder="username or email">
                <div style="height:12px"></div>
                <label class="label">Score A</label>
                <input class="input" type="number" name="scoreA" value="{{index .Form "scoreA"}}" placeholder="0" min="0" max="10" required>
            </div>

            <div style="flex:1;min-width:180px">
                <h3>Team B</h3>
                <label class="label">Player B1</label>
                <input class="input" name="b1" value="{{index .Form "b1"}}" placeholder="username or email">
                <div style="height:6px"></div>
                <label class="label">Player B2 (optional)</label>
                <input class="input" name="b2" value="{{index .Form "b2"}}" placeholder="username or email">
                <div style="height:12px"></div>
                <label class="label">Score B</label>
                <input class="input" type="number" name="scoreB" value="{{index .Form "scoreB"}}" placeholder="0" min="0" max="10" required>
            </div>
        </div>

        <div style="height:12px"></div>
        <button class="btn btn-primary" type="submit">Submit result</button>
    </form>
</div>
{{end}}