{{template "base/head" .}}
<div class="user profile">
  <div class="ui container">
    <div class="ui grid">
      <div class="ui five wide column">
        <div class="ui card">
          {{if and (.Owner.UseCustomAvatar) (eq .SignedUserName .Owner.Name)}}
          <a class="image poping up" href="{{AppSubUrl}}/user/settings" id="profile-avatar" data-content="{{.i18n.Tr "user.change_custom_avatar"}}" data-variation="inverted tiny" data-position="bottom center">
            <img src="{{.Owner.AvatarLink}}?s=290" title="{{.Owner.Name}}"/>
          </a>
          {{else if eq .SignedUserName .Owner.Name}}
          <a class="image poping up" href="http://gravatar.com/emails/" id="profile-avatar" data-content="{{.i18n.Tr "user.change_avatar"}}" data-variation="inverted tiny" data-position="bottom center">
            <img src="{{.Owner.AvatarLink}}?s=290" title="{{.Owner.Name}}"/>
          </a>
          {{else}}
          <span class="image">
            <img src="{{.Owner.AvatarLink}}?s=290" title="{{.Owner.Name}}"/>
          </span>
          {{end}}
          <div class="content">
            {{if .Owner.FullName}}<span class="header text center">{{.Owner.FullName}}</span>{{end}}
            <span class="username text center">{{.Owner.Name}}</span>
          </div>
          <div class="extra content">
            <ul class="text black">
              {{if .Owner.Location}}
              <li><i class="icon octicon octicon-location"></i> {{.Owner.Location}}</li>
              {{end}}
              {{if and .Owner.Email .IsSigned}}
              <li>
                <i class="icon octicon octicon-mail"></i>
                <a href="mailto:{{.Owner.Email}}" rel="nofollow">{{.Owner.Email}}</a>
              </li>
              {{end}}
              {{if .Owner.Website}}
              <li>
                <i class="icon octicon octicon-link"></i>
                <a target="_blank" href="{{.Owner.Website}}">{{.Owner.Website}}</a>
              </li>
              {{end}}
              <li><i class="icon octicon octicon-clock"></i> {{.i18n.Tr "user.join_on"}} {{DateFmtShort .Owner.Created}}</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="ui eleven wide column">
        <div class="ui secondary pointing menu">
          <a class="{{if ne .TabName "activity"}}active{{end}} item" href="{{.Owner.HomeLink}}">
            <i class="icon octicon octicon-repo"></i> {{.i18n.Tr "user.repositories"}}
          </a>
          <a class="item">
          <a class="{{if eq .TabName "activity"}}active{{end}} item" href="{{.Owner.HomeLink}}?tab=activity">
            <i class="icon octicon octicon-rss"></i> {{.i18n.Tr "user.activity"}}
          </a>
          </a>
        </div>
        {{if ne .TabName "activity"}}
        <div class="ui repository list">
          {{range .Repos}}
            {{if or (not .IsPrivate) (.HasAccess $.SignedUser)}}
            <div class="item">
              <div class="ui header">
                <a href="{{AppSubUrl}}/{{$.Owner.Name}}/{{.Name}}">{{.Name}}</a>
                {{if .IsPrivate}}
                <span class="text gold"><i class="icon octicon octicon-lock"></i></span>
                {{end}}

                <div class="ui right metas">
                  <span class="text grey"><i class="octicon octicon-star"></i> {{.NumStars}}</span>
                  <span class="text grey"><i class="octicon octicon-git-branch"></i> {{.NumForks}}</span>
                </div>
              </div>
              {{if .Description}}<p>{{.Description}}</p>{{end}}
              <p class="time">{{$.i18n.Tr "org.repo_updated"}} {{TimeSince .Updated $.i18n.Lang}}</p>
            </div>
            {{end}}
          {{end}}
        </div>
        {{else}}
        <br>
        <div class="feeds">
          {{template "user/dashboard/feeds" .}}
        </div>
        {{end}}
      </div>
    </div>
  </div>
</div>
{{template "base/footer" .}}