{{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" .}}