package templates

import "gitgud/internal/domain"

templ Profile(user *domain.User, owner string, repos []*domain.Repository) {
	@Layout(owner+" · gitgud", user) {
		<div class="mb-6 flex items-center gap-4">
			<div class="flex size-14 items-center justify-center rounded-full bg-gradient-to-br from-[#2a2a2a] to-[#0e0e0e] font-mono text-xl font-bold text-ink ring-1 ring-line2">
				{ initial(owner) }
			</div>
			<div>
				<h1 class="text-xl font-semibold tracking-tight">{ owner }</h1>
				<p class="meta mt-0.5">{ itoa(len(repos)) } repositories</p>
			</div>
		</div>
		if len(repos) == 0 {
			@emptyState("Nothing here yet", "This user has no repositories to show.", "", "")
		} else {
			@repoList(repos)
		}
	}
}