{{template "base/head" .}}
<div class="repository watchers">
	{{template "repo/header" .}}
	<div class="ui container">
		<h2 class="ui dividing header">
			{{if .PageIsWatchers}}
				{{.i18n.Tr "repo.watchers"}}
			{{else}}
				{{.i18n.Tr "repo.stargazers"}}
			{{end}}
		</h2>
		<ul class="list">
			{{range .Watchers}}
				<li class="item ui segment">
					<a href="{{.HomeLink}}">
						<img class="avatar" src="{{.AvatarLink}}"/>
					</a>
					<h3 class="name"><a href="{{.HomeLink}}">{{.DisplayName}}</a></h3>

					<div class="meta">
						{{if .Website}}
							<span class="icon octicon octicon-link"></span> <a href="{{.Website}}" target="_blank">{{.Website}}</a>
						{{else if .Location}}
							<span class="icon octicon octicon-location"></span> {{.Location}}
						{{else}}
							<span class="icon octicon octicon-clock"></span> {{$.i18n.Tr "user.join_on"}} {{DateFmtShort .Created}}
						{{end}}
					</div>
				</li>
			{{end}}
		</ul>

		{{with .Page}}
			{{if gt .TotalPages 1}}
				<div class="center page buttons">
					<div class="ui borderless pagination menu">
						<a class="{{if not .HasPrevious}}disabled{{end}} item" {{if .HasPrevious}}href="{{$.Link}}?page={{.Previous}}"{{end}}>
							<i class="left arrow icon"></i> {{$.i18n.Tr "repo.issues.previous"}}
						</a>
						{{range .Pages}}
							{{if eq .Num -1}}
								<a class="disabled item">...</a>
							{{else}}
								<a class="{{if .IsCurrent}}active{{end}} item" {{if not .IsCurrent}}href="{{$.Link}}?page={{.Num}}"{{end}}>{{.Num}}</a>
							{{end}}
						{{end}}
						<a class="{{if not .HasNext}}disabled{{end}} item" {{if .HasNext}}href="{{$.Link}}?page={{.Next}}"{{end}}>
							{{$.i18n.Tr "repo.issues.next"}}&nbsp;<i class="icon right arrow"></i>
						</a>
					</div>
				</div>
			{{end}}
		{{end}}
	</div>
</div>
{{template "base/footer" .}}
