{{template "base/alert" .}}
{{if .HasPackages}}
<form class="ui form ignore-dirty">
	<div class="ui small fluid action input">
		{{template "shared/search/input" dict "Value" .Query "Placeholder" (ctx.Locale.Tr "search.package_kind")}}
		<select class="ui small dropdown" name="type">
			<option value="">{{ctx.Locale.Tr "packages.filter.type"}}</option>
			<option value="all">{{ctx.Locale.Tr "packages.filter.type.all"}}</option>
			{{range $type := .AvailableTypes}}
			<option{{if eq $.PackageType $type}} selected="selected"{{end}} value="{{$type}}">{{$type.Name}}</option>
			{{end}}
		</select>
		{{template "shared/search/button"}}
	</div>
</form>
{{end}}
<div>
	{{range .PackageDescriptors}}
	<div class="flex-list">
		<div class="flex-item">
			<div class="flex-item-main">
				<div class="flex-item-title">
					<a href="{{.VersionWebLink}}">{{.Package.Name}}</a>
					<span class="ui label">{{svg .Package.Type.SVGName 16}} {{.Package.Type.Name}}</span>
				</div>
				<div class="flex-item-body">
					{{$timeStr := DateUtils.TimeSince .Version.CreatedUnix}}
					{{$hasRepositoryAccess := false}}
					{{if .Repository}}
						{{$hasRepositoryAccess = index $.RepositoryAccessMap .Repository.ID}}
					{{end}}
					{{if $hasRepositoryAccess}}
						{{ctx.Locale.Tr "packages.published_by_in" $timeStr .Creator.HomeLink .Creator.GetDisplayName .Repository.Link .Repository.FullName}}
					{{else}}
						{{ctx.Locale.Tr "packages.published_by" $timeStr .Creator.HomeLink .Creator.GetDisplayName}}
					{{end}}
				</div>
			</div>
		</div>
	</div>
	{{else}}
		{{if not .HasPackages}}
			<div class="empty-placeholder">
				{{svg "octicon-package" 48}}
				<h2>{{ctx.Locale.Tr "packages.empty"}}</h2>
				{{if and .Repository .CanWritePackages}}
					{{$packagesUrl := print .Owner.HomeLink "/-/packages"}}
					<p>{{ctx.Locale.Tr "packages.empty.repo" $packagesUrl}}</p>
				{{end}}
				<p>{{ctx.Locale.Tr "packages.empty.documentation" "https://docs.gitea.com/usage/packages/overview/"}}</p>
			</div>
		{{else}}
			<p class="tw-py-4">{{ctx.Locale.Tr "packages.filter.no_result"}}</p>
		{{end}}
	{{end}}
	{{template "base/paginate" .}}
</div>
