{{define "content"}}
<div class="card">
    <h2>Test Move</h2>
    <form method="POST" action="/admin/test-move">
        <div class="form-group">
            <label>Bot</label>
            <select name="bot_id">
                {{range .Bots}}
                <option value="{{.ID}}" {{if eq .ID $.SelectedBot}}selected{{end}}>{{.Name}} ({{.Style}}, ELO {{.ELOMin}}-{{.ELOMax}})</option>
                {{end}}
            </select>
        </div>
        <div class="form-group">
            <label>FEN Position</label>
            <input type="text" name="fen" value="{{.FEN}}" placeholder="rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1">
        </div>
        <button type="submit" class="btn btn-primary">Get Move</button>
    </form>
    {{if .Result}}
    <div style="margin-top: 1.5rem; padding: 1rem; background: #f8f9fa; border-radius: 4px;">
        <h3>Result</h3>
        <p><strong>Best Move:</strong> {{.Result.BestMove}}</p>
        <p><strong>Evaluation:</strong> {{printf "%.2f" .Result.Evaluation}}</p>
        <p><strong>Depth:</strong> {{.Result.Depth}}</p>
        <p><strong>Think Time:</strong> {{.Result.ThinkTimeMs}}ms</p>
        {{if .Result.PV}}<p><strong>PV:</strong> {{.Result.PV}}</p>{{end}}
    </div>
    {{end}}
    {{if .MoveError}}
    <div class="alert alert-error" style="margin-top: 1rem;">{{.MoveError}}</div>
    {{end}}
</div>
{{end}}