{{define "content"}}
<div class="crashgroups-page">
    <div class="toolbar">
        <span class="result-count">{{.Total}} crash groups</span>
    </div>

    {{if .CrashGroups}}
    <table class="table">
        <thead>
            <tr>
                <th>Status</th>
                <th>Title</th>
                <th>Repository</th>
                <th>Occurrences</th>
                <th>First Seen</th>
                <th>Last Seen</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {{range .CrashGroups}}
            <tr>
                <td><span class="badge badge-status-{{.Status}}">{{.Status}}</span></td>
                <td>{{.Title}}</td>
                <td>{{.RepoName}}</td>
                <td>{{.OccurrenceCount}}</td>
                <td>{{timeAgo .FirstSeenAt}}</td>
                <td>{{timeAgo .LastSeenAt}}</td>
                <td><a href="/crashgroups/{{.ID}}" class="btn btn-sm">View</a></td>
            </tr>
            {{end}}
        </tbody>
    </table>
    {{else}}
    <p class="empty-state">No crash groups yet. Crash groups are created automatically when artifacts with stack traces are uploaded.</p>
    {{end}}
</div>
{{end}}