{{define "results.html"}}
<article id="scan-results">
    <header>
        <div class="results-header">
            <h3>Scan Results for <code>{{.Target}}</code></h3>
            <div class="results-header-right">
                <div class="stats">
                    <span>Files found: <strong>{{.Stats.FilesFound}}</strong></span>
                    <span>Files scanned: <strong>{{.Stats.FilesScanned}}</strong></span>
                    <span id="results-count">Results: <strong>{{.ActiveCount}}</strong>{{if ne .ActiveCount .TotalCount}} / {{.TotalCount}}{{end}}</span>
                </div>
                <form method="POST" action="/scan/{{.SessionID}}/export" style="display:contents">
                    <button type="submit" class="outline secondary small-action-btn export-btn">Export</button>
                </form>
                <button id="reveal-all-btn" class="outline secondary reveal-all-btn" data-revealed="false"
                        onclick="(function(){
                            var btn = document.getElementById('reveal-all-btn');
                            var isRevealed = btn.dataset.revealed === 'true';
                            document.querySelectorAll('#results-list .var-value').forEach(function(el){
                                if (isRevealed) { el.classList.add('masked'); } else { el.classList.remove('masked'); }
                            });
                            btn.dataset.revealed = isRevealed ? 'false' : 'true';
                            btn.textContent = isRevealed ? 'Reveal All' : 'Censor All';
                            credDetectorRevealed = !isRevealed;
                        })()">
                    Reveal All
                </button>
            </div>
        </div>
    </header>

    {{if .Error}}
    <div class="notice error-card" role="alert">
        <strong>Error:</strong> {{.Error}}
    </div>
    {{end}}

    {{$sessionID := .SessionID}}

    {{if eq .ActiveCount 0}}
    <p class="empty-results">No credentials found. The scan completed successfully with no results.</p>
    {{else}}
    <div id="results-list">
        {{range $group := groupByFile .Results}}
        <details class="file-group" open>
            <summary class="file-header">
                <span class="file-name">{{$group.File}}</span>
                <div class="file-summary-right">
                    <span class="file-count">{{len $group.Results}} finding{{if ne (len $group.Results) 1}}s{{end}}</span>
                    <button class="outline secondary dismiss-file-btn"
                            hx-delete="/scan/{{$sessionID}}/dismiss-file?file={{$group.File | urlquery}}"
                            hx-target="closest details"
                            hx-swap="outerHTML"
                            onclick="event.stopPropagation()"
                            title="Dismiss all findings in this file">
                        Dismiss File
                    </button>
                </div>
            </summary>

            <div class="file-results">
                {{range $group.Results}}
                {{template "result_row.html" (makeRowData $sessionID .)}}
                {{end}}
            </div>
        </details>
        {{end}}

        {{if .HasMore}}
        <div id="load-more-container">
            <button class="outline load-more-btn"
                    hx-get="/scan/{{.SessionID}}/results?page={{add .Page 1}}&page_size={{.PageSize}}"
                    hx-target="#load-more-container"
                    hx-swap="outerHTML">
                Load More Results
            </button>
        </div>
        {{end}}
    </div>
    {{end}}
</article>
{{end}}