{{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 eq .LoggedUserName .Owner.Name}}
						<a class="profile-avatar image poping up" href="{{AppSubURL}}/user/settings/avatar" id="profile-avatar" data-content="{{.i18n.Tr "user.change_avatar"}}" data-variation="inverted tiny" data-position="bottom center">
							<img src="{{AppendAvatarSize .Owner.RelAvatarLink 287}}" title="{{.Owner.Name}}"/>
						</a>
					{{else}}
						<span class="profile-avatar image">
							<img src="{{AppendAvatarSize .Owner.RelAvatarLink 287}}" 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="octicon octicon-location"></i> {{.Owner.Location}}</li>
							{{end}}
							{{if and .Owner.Email .IsLogged}}
								<li>
									<i class="octicon octicon-mail"></i>
									<a href="mailto:{{.Owner.Email}}" rel="nofollow">{{.Owner.Email}}</a>
								</li>
							{{end}}
							{{if .Owner.Website}}
								<li>
									<i class="octicon octicon-link"></i>
									<a target="_blank" rel="noopener noreferrer me nofollow" href="{{.Owner.Website}}">{{.Owner.Website}}</a>
								</li>
							{{end}}
							<li><i class="octicon octicon-clock"></i> {{.i18n.Tr "user.join_on"}} {{DateFmtShort .Owner.Created}}</li>
							<li>
								<i class="octicon octicon-person"></i>
								<a href="{{.Owner.HomeLink}}/followers">
									{{.Owner.NumFollowers}} {{.i18n.Tr "user.followers"}}
								</a>
								-
								<a href="{{.Owner.HomeLink}}/following">
									{{.Owner.NumFollowing}} {{.i18n.Tr "user.following"}}
								</a>
							</li>
							{{/*
							<li>
								<i class="octicon octicon-star"></i>
								<a href="{{.Owner.HomeLink}}/stars">
									{{.Owner.NumStars}} {{.i18n.Tr "user.starred"}}
								</a>
							</li>
							*/}}
							{{if .Orgs}}
							<li>
								{{range .Orgs}}
									<a href="{{.HomeLink}}"><img class="ui mini image poping up" src="{{.RelAvatarLink}}" data-content="{{.Name}}" data-position="top center" data-variation="tiny inverted"></a>
								{{end}}
							</li>
							{{end}}
							{{if and .IsLogged (ne .LoggedUserName .Owner.Name)}}
								<li class="follow">
									{{if .LoggedUser.IsFollowing .Owner.ID}}
										<form action="{{.Link}}/action/unfollow?redirect_to={{$.Link}}" method="POST">
											{{.CSRFTokenHTML}}
											<button class="ui basic red button">
												<i class="octicon octicon-person"></i> {{.i18n.Tr "user.unfollow"}}
											</button>
										</form>
									{{else}}
										<form action="{{.Link}}/action/follow?redirect_to={{$.Link}}" method="POST">
											{{.CSRFTokenHTML}}
											<button class="ui basic green button">
												<i class="octicon octicon-person"></i> {{.i18n.Tr "user.follow"}}
											</button>
										</form>
									{{end}}
								</li>
							{{end}}
						</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="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="octicon octicon-rss"></i> {{.i18n.Tr "user.activity"}}
						</a>
					</a>
				</div>
				{{if ne .TabName "activity"}}
					{{template "explore/repo_list" .}}
					{{template "explore/page" .}}
				{{else}}
					<br>
					<div class="feeds">
						{{template "user/dashboard/feeds" .}}
					</div>
				{{end}}
			</div>
		</div>
	</div>
</div>
{{template "base/footer" .}}
