{{define "style"}}
.form-control::placeholder {
color: rgba(204, 204, 204);
}
{{end}}

{{define "body"}}
<div class="container-fluid">
    <form action="/report" method="GET" style="width:100%">
        <div class="form-row">
            <div class="form-group col">
                <label for="startDate">Start Date</label>
                <input type="text" class="form-control" name="startDate" placeholder="2001-02-03" value='{{.Params.Get "startDate"}}'>
            </div>
            <div class="form-group col">
                <label for="endAt">End Date</label>
                <input type="text" class="form-control" name="endDate" placeholder="2001-02-03" value='{{.Params.Get "endDate"}}'>
            </div>
            <div class="form-group col">
                <label for="window">Completion Window</label>
                {{$window := .Params.Get "window"}}
                <select class="form-control" name="window">
                    <option value="now" {{if or (eq $window "now") (not $window)}}selected{{end}}>Til-now</option>
                    <option value="24" {{if eq $window "24"}}selected{{end}}>24 hours</option>
                    <option value="48" {{if eq $window "48"}}selected{{end}}>48 hours</option>
                </select>
            </div>
            <div class="form-group col">
                <label for="window">Visualization</label>
                {{$visual := .Params.Get "visual"}}
                <select class="form-control" name="visual">
                    <option value="percent" {{if or (eq $visual "percent") (not $visual)}}selected{{end}}>Percent</option>
                    <option value="count" {{if eq $visual "count"}}selected{{end}}>Count</option>
                </select>
            </div>
        </div>
        <div class="form-row" style="height:1.5em">
            <div class="col">
                <button type="submit" class="btn btn-primary">Submit</button>
                <input type="reset" class="btn btn-secondary" value="Reset">
            </div>
            <div class="col d-flex justify-content-end">
                Last updated {{.LastUpdated}}
            </div>
        </div>
    </form>
</div>
<br>
<div class="container-fluid">
    <table class="table table-sm table-hover sortable">
        <thead>
            <tr>
                <th>Date</th>
                <th>Runs</th>
                {{range ingestStages}}
                <th>
                    {{capitalize (normalizeIngest .)}}
                </th>
                {{end}}
            </tr>
        </thead>
        {{range $dailyStats := .Stats}}
        <tr>
            <td>{{.Date}}</td>
            <td>{{.Runs}}</td>
            {{range $ingestType := ingestStages}}
            <td>
                {{(index $dailyStats.IngestStats $ingestType).Value}}
            </td>
            {{end}}
        </tr>
        {{end}}
    </table>
</div>
{{end}}