{{define "content"}}
<div class="regression-page">
    <form class="regression-form" method="GET" action="/regression">
        <div class="form-row">
            <div class="form-group">
                <label for="repo">Repository</label>
                <input type="text" name="repo" id="repo" value="{{.Repo}}" placeholder="repo-name" class="search-input">
            </div>
            <div class="form-group">
                <label for="base">Base SHA</label>
                <input type="text" name="base" id="base" value="{{.Base}}" placeholder="base commit" class="search-input">
            </div>
            <div class="form-group">
                <label for="head">Head SHA</label>
                <input type="text" name="head" id="head" value="{{.Head}}" placeholder="head commit" class="search-input">
            </div>
            <button type="submit" class="btn">Compare</button>
        </div>
    </form>

    {{if .Result}}
    <div class="regression-result {{if .Result.IsRegression}}regression-fail{{else}}regression-pass{{end}}">
        <div class="regression-verdict">
            {{if .Result.IsRegression}}
            <strong>REGRESSION DETECTED</strong>
            {{else}}
            <strong>No regression</strong>
            {{end}}
        </div>

        <div class="stats-row">
            <div class="stat-card">
                <span class="stat-value">{{len .Result.New}}</span>
                <span class="stat-label">New Crashes</span>
            </div>
            <div class="stat-card">
                <span class="stat-value">{{len .Result.Fixed}}</span>
                <span class="stat-label">Fixed</span>
            </div>
            <div class="stat-card">
                <span class="stat-value">{{len .Result.Recurring}}</span>
                <span class="stat-label">Recurring</span>
            </div>
        </div>

        {{if .Result.New}}
        <section class="section">
            <h3>New Crash Signatures</h3>
            <ul class="fingerprint-list">
                {{range .Result.New}}<li><code>{{shortSHA .}}</code></li>{{end}}
            </ul>
        </section>
        {{end}}

        {{if .Result.Fixed}}
        <section class="section">
            <h3>Fixed Crash Signatures</h3>
            <ul class="fingerprint-list">
                {{range .Result.Fixed}}<li><code>{{shortSHA .}}</code></li>{{end}}
            </ul>
        </section>
        {{end}}
    </div>
    {{end}}
</div>
{{end}}