{{define "content"}}
<h1>Shardok Latency Trace</h1>

{{if .Error}}
<article class="error">
    <strong>Error:</strong> {{.Error}}
</article>
{{end}}

<section>
    <h2>Current Config</h2>
    <div class="grid">
        <article>
            <h3>Eagle</h3>
            <dl>
                <dt>Enabled</dt>
                <dd>{{.EagleConfig.Enabled}}</dd>
                <dt>Shardok Game ID</dt>
                <dd>{{if .EagleConfig.GameID}}{{.EagleConfig.GameID}}{{else}}all games{{end}}</dd>
                <dt>TTL Seconds</dt>
                <dd>{{.EagleConfig.TTLSeconds}}</dd>
                <dt>Slow Span Threshold Ms</dt>
                <dd>{{.EagleConfig.SlowSpanThresholdMs}}</dd>
            </dl>
        </article>
        <article>
            <h3>Shardok</h3>
            <dl>
                <dt>Enabled</dt>
                <dd>{{.ShardokConfig.Enabled}}</dd>
                <dt>Shardok Game ID</dt>
                <dd>{{if .ShardokConfig.GameID}}{{.ShardokConfig.GameID}}{{else}}all games{{end}}</dd>
                <dt>TTL Seconds</dt>
                <dd>{{.ShardokConfig.TTLSeconds}}</dd>
                <dt>Slow Span Threshold Ms</dt>
                <dd>{{.ShardokConfig.SlowSpanThresholdMs}}</dd>
            </dl>
        </article>
    </div>
</section>

<section>
    <h2>Update Config</h2>
    <form method="post" action="/api/latency-trace">
        <label>
            <input type="checkbox" name="enabled" {{if .EagleConfig.Enabled}}checked{{end}}>
            Enable tracing
        </label>

        <label>
            Shardok game ID
            <input type="text" name="game_id" value="{{.EagleConfig.GameID}}" placeholder="blank traces all games">
        </label>

        <label>
            TTL seconds
            <input type="number" name="ttl_seconds" min="0" step="1" value="{{.EagleConfig.TTLSeconds}}">
        </label>

        <label>
            Slow span threshold ms
            <input type="number" name="slow_span_threshold_ms" min="0" step="1" value="{{.EagleConfig.SlowSpanThresholdMs}}">
        </label>

        <button type="submit">Apply</button>
    </form>
    <form method="post" action="/api/latency-trace">
        <input type="hidden" name="enabled" value="false">
        <button type="submit" class="secondary">Disable</button>
    </form>
</section>
{{end}}