<div class="header-wrapper">
{{with .Repository}}
	<div class="ui container repo-header">
		<div class="ui stackable grid header-grid">
				<i class="mega-octicon octicon-{{if .IsPrivate}}lock{{else if .IsMirror}}repo-clone{{else if .IsFork}}repo-forked{{else}}repo{{end}}"></i>
				<div class="ui huge breadcrumb">
					{{if .IsMirror}}<div class="fork-flag">{{$.i18n.Tr "repo.mirror_from"}} <a target="_blank" rel="noopener noreferrer" href="{{$.Mirror.Address}}">{{$.Mirror.Address}}</a></div>{{end}}
					{{if .IsFork}}<div class="fork-flag">{{$.i18n.Tr "repo.forked_from"}} <a href="{{.BaseRepo.Link}}">{{SubStr .BaseRepo.RelLink 1 -1}}</a></div>{{end}}
					<a href="{{AppSubUrl}}/{{.Owner.Name}}">{{.Owner.Name}}</a>
					<div class="divider"> / </div>
					<a href="{{$.RepoLink}}">{{.Name}}</a>
				</div>
				<div class="ui repo-description">
					<div id="repo-desc">
						{{if .DescriptionHTML}}<span class="description has-emoji">{{.DescriptionHTML}}</span>{{end}}
						<a class="link" href="{{.Website}}">{{.Website}}</a>
					</div>
				</div>
		</div><!-- end grid -->
	</div><!-- end container -->
{{end}}
{{if not .IsDiffCompare}}
	<div class="ui tabs container">
		<div class="ui tabular stackable menu navbar">
			{{if .Permission.CanRead $.UnitTypeCode}}
			<a class="{{if .PageIsViewCode}}active{{end}} item" href="{{.RepoLink}}{{if (ne .BranchName .Repository.DefaultBranch)}}/src/{{.BranchNameSubURL | EscapePound}}{{end}}">
				<i class="octicon octicon-code"></i> {{.i18n.Tr "repo.code"}}
			</a>
			{{end}}

			{{if .Permission.CanRead $.UnitTypeIssues}}
				<a class="{{if .PageIsIssueList}}active{{end}} item" href="{{.RepoLink}}/issues"  rel="noopener noreferrer">
					<i class="octicon octicon-issue-opened"></i> {{.i18n.Tr "repo.issues"}} <span class="ui small label">{{.Repository.NumOpenIssues}}</span>
				</a>
			{{end}}

			{{if .Permission.CanRead $.UnitTypeExternalTracker}}
				<a class="{{if .PageIsIssueList}}active{{end}} item" href="{{.RepoLink}}/issues" target="_blank">
					<i class="octicon octicon-issue-opened"></i> {{.i18n.Tr "repo.issues"}} </span>
				</a>
			{{end}}

			{{if and .Repository.CanEnablePulls (.Permission.CanRead $.UnitTypePullRequests)}}
				<a class="{{if .PageIsPullList}}active{{end}} item" href="{{.RepoLink}}/pulls">
					<i class="octicon octicon-git-pull-request"></i> {{.i18n.Tr "repo.pulls"}} <span class="ui small label">{{.Repository.NumOpenPulls}}</span>
				</a>
			{{end}}

			{{if and (.Permission.CanRead $.UnitTypeReleases) (not .IsBareRepo) }}
			<a class="{{if .PageIsReleaseList}}active{{end}} item" href="{{.RepoLink}}/releases">
				<i class="octicon octicon-tag"></i> {{.i18n.Tr "repo.releases"}} <span class="ui small label">{{.Repository.NumReleases}}</span>
			</a>
			{{end}}

			{{if and (.Permission.CanReadAny $.UnitTypePullRequests $.UnitTypeIssues $.UnitTypeReleases) (not .IsBareRepo)}}
				<a class="{{if .PageIsActivity}}active{{end}} item" href="{{.RepoLink}}/activity">
					<i class="octicon octicon-pulse"></i> {{.i18n.Tr "repo.activity"}}
				</a>
			{{end}}

			{{template "custom/extra_tabs" .}}

			{{if .Permission.IsAdmin}}
				<div class="right menu">
					<a class="{{if .PageIsSettings}}active{{end}} item" href="{{.RepoLink}}/settings">
						<i class="octicon octicon-tools"></i> {{.i18n.Tr "repo.settings"}}
					</a>
				</div>
			{{end}}
		</div>
	</div>
	<div class="ui tabs divider"></div>
{{else}}
	<div class="ui divider"></div>
{{end}}
</div>