package templates

import "gitgud/internal/domain"

templ BrowseBlob(user *domain.User, repo *domain.Repository, ref string, blob *domain.FileBlob, highlighted string) {
	@Layout(blob.Path+" · gitgud", user) {
		@repoHeader(repo, "code")
		<div class="mb-3 flex items-center gap-2 font-mono text-sm">
			<span class="inline-flex items-center gap-2 rounded-md border border-line2 bg-panel2 px-2.5 py-1 text-xs text-ink">
				<span class="inline-block size-2 rounded-full border-[1.5px] border-accent"></span>{ ref }
			</span>
			<span class="text-faint">/</span>
			<span class="text-accent">{ blob.Path }</span>
		</div>
		<div class="card overflow-hidden">
			<div class="flex items-center justify-between border-b border-line bg-[#0e1410] px-4 py-2.5 font-mono text-xs text-muted">
				<span>{ humanSize(blob.Size) } · <span class="text-accent">{ langLabel(blob.Path) }</span></span>
				<a class="rounded border border-line2 px-2.5 py-1 text-ink transition hover:border-faint hover:bg-panel2" href={ templ.SafeURL(repoPath(repo, "/raw/"+ref+"/"+blob.Path)) }>Raw</a>
			</div>
			if blob.IsBinary {
				<div class="px-4 py-10 text-center text-sm text-faint">Binary file not shown.</div>
			} else {
				<div class="overflow-x-auto bg-[#0c0c0c] text-xs leading-relaxed [&_pre]:!bg-transparent">
					@templ.Raw(highlighted)
				</div>
			}
		</div>
	}
}