{{define "qa-report"}}
    <div class="row">
        <div class="col-md-9">

                <h3>Pkgcheck Warnings</h3>
                <ul class="timeline">
                    <li>
                        <span class="text-muted">All Versions</span>
                        <ul class="list-group">
                            {{- if .Package.PkgCheckResults -}}
                                {{- range $.Package.PkgCheckResults -}}
                                    {{- if $.UserPreferences.ContainsPkgcheckClass .Class -}}
                                        {{- if not .Version -}}
                                            <li class="list-group-item">
                                                <strong>{{ .Class }}</strong><br/>
                                                <span class="kk-version kk-cell-sep-right text-muted">{{ .Message }}</span>
                                            </li>
                                        {{- end -}}
                                    {{- end -}}
                                {{- end -}}
                            {{- end -}}
                        </ul>
                    </li>

                    {{range $index, $element := .Package.Versions}}
                        <li>
                            <span class="text-muted">{{.Version}}</span>
                            <ul class="list-group">

                                {{ if .PkgCheckResults }}
                                    {{ range .PkgCheckResults }}
                                        {{if $.UserPreferences.ContainsPkgcheckClass .Class}}
                                            <li class="list-group-item">
                                                <strong>{{ .Class }}</strong><br/>
                                                <span class="kk-version kk-cell-sep-right text-muted">
                                                {{ .Message }}
                                                </span>
                                            </li>
                                        {{end}}
                                    {{end}}
                                {{end}}
                            </ul>
                        </li>
                    {{end}}
                </ul>
        </div>
        <div class="col-md-3 pt-5">
            <h4 class="">
                <a class="collapseLink" style="color:#000000;" data-toggle="collapse" href="#collapseDescription" role="button" aria-expanded="false" aria-controls="collapseDescription">
                    Description
                </a>
            </h4>
            <div class="collapse show" id="collapseDescription">
            <span class="text-muted">
                Pkgcheck is used regularly to generate QA reports. Pkgcheck is a pkgcore-based QA utility for ebuild repos.
            </span>
            </div>
            <h4 class="mt-4">
                <a class="collapseLink" style="color:#000000;" data-toggle="collapse" href="#collapseExternalResources" role="button" aria-expanded="false" aria-controls="collapseExternalResources">
                    External Resources
                </a>
            </h4>
            <div class="collapse show" id="collapseExternalResources">
            <ul>
                <li>
                    <a href="https://qa-reports.gentoo.org/output/gentoo-ci/output.html;pkg={{.Package.Category}}:{{.Package.Name}}" target="_blank">
                        CI Report
                    </a>
                </li>
                <li>
                    <a href="https://qa-reports.gentoo.org/output/gentoo-ci/output.verbose.html;pkg={{.Package.Category}}:{{.Package.Name}}" target="_blank">
                        CI Report (verbose)
                    </a>
                </li>
            </ul>
            </div>
        </div>
    </div>
{{end}}