{{define "icon-file"}}<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512" style="vertical-align: middle; margin-right: 4px;"><path fill="#000000" d="M334.627 16H48v480h424V153.373ZM440 166.627V168H320V48h1.373ZM80 464V48h208v152h152v264Z"/></svg>{{end}}
{{define "icon-directory"}}<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512" style="vertical-align: middle; margin-right: 4px;"><path fill="#000000" d="M472 472H40a24.03 24.03 0 0 1-24-24V64a24.03 24.03 0 0 1 24-24h186.667a23.935 23.935 0 0 1 22.154 14.77L269.333 104H472a24.03 24.03 0 0 1 24 24v320a24.03 24.03 0 0 1-24 24M48 440h416V136H248l-26.667-64H48Z"/></svg>{{end}}

{{define "tree"}}
	{{range .Entries}}
	{{if .IsDir}}
		<details class="tree-directory" {{if hasPrefix $.CurrentPath .Path}}open{{end}}>
			<summary class="tree-entry directory" style="padding-left: {{add (int (multiply (float64 .Depth) 15.0)) 10}}px">
				<a href="/r/{{$.RepoName}}/files/{{.Path}}?ref={{$.CurrentRef}}" class="text-reset">{{template "icon-directory" .}} {{.Name}}</a>
			</summary>
			{{template "tree" dict "Entries" .Children "RepoName" $.RepoName "CurrentRef" $.CurrentRef "CurrentPath" $.CurrentPath}}
		</details>
	{{else}}
		<a href="/r/{{$.RepoName}}/blob/{{.Path}}?ref={{$.CurrentRef}}"
			class="tree-entry {{if eq .Path $.CurrentPath}}active{{end}}"
			style="padding-left: {{add (int (multiply (float64 .Depth) 15.0)) 25}}px">
			{{template "icon-file" .}} {{.Name}}
		</a>
	{{end}}
	{{end}}
{{end}}