{{template "ng/base/head" .}}
{{template "ng/base/header" .}}
<div class="main-wrapper">
    <div id="user-profile-page" class="container clear">
        <div class="grid-1-4 left">
            <div class="text-center">
                <a href="http://gravatar.com/emails/" id="profile-avatar" original-title="{{.i18n.Tr "user.change_avatar"}}">
                    <img class="profile-avatar" src="{{.Owner.AvatarLink}}?s=200"title="{{.Owner.Name}}"/>
                </a>
                <div id="profile-name">
                    {{if .Owner.FullName}}<span id="profile-fullname" class="center-block">{{.Owner.FullName}}</span><br>{{end}}
                    <span class="center-block" id="profile-username">{{.Owner.Name}}</span>
                </div>
            </div>
            <div class="profile-info">
                <hr> 
                <ul class="list-no-style">
                    {{if .Owner.Location}}
                    <li class="list-group-item"><i class="octicon octicon-location"></i>&nbsp;&nbsp;{{.Owner.Location}}</li>
                    {{end}}
                    {{if .Owner.Email}}
                    <li class="list-group-item"><i class="octicon octicon-mail"></i>&nbsp;&nbsp;<a href="mailto:{{.Owner.Email}}" rel="nofollow">{{.Owner.Email}}</a></li>
                    {{end}}
                    {{if .Owner.Website}}
                    <li class="list-group-item"><i class="octicon octicon-link"></i>&nbsp;&nbsp;<a target="_blank" href="{{.Owner.Website}}">{{.Owner.Website}}</a></li>
                    {{end}}
                    <li class="list-group-item"><i class="octicon octicon-clock"></i>&nbsp;&nbsp;{{.i18n.Tr "user.join_on"}} {{DateFormat .Owner.Created "M d, Y"}}</li>
                </ul>
                <hr>
                <ul class="list-no-style">
                    <li class="list-group-item profile-rel">
                        <a class="text-black" href="">
                            <strong>{{.Owner.NumFollowers}}</strong>
                            <p>{{.i18n.Tr "user.followers"}}</p>
                        </a>
                    </li>
                    <li class="list-group-item profile-rel">
                        <a class="text-black" href="">
                            <strong>{{.Owner.NumStars}}</strong>
                            <p>{{.i18n.Tr "user.starred"}}</p>
                        </a>
                    </li>
                    <li class="list-group-item profile-rel">
                        <a class="text-black" href="">
                            <strong>{{.Owner.NumFollowings}}</strong>
                            <p>{{.i18n.Tr "user.following"}}</p>
                        </a>
                    </li>
                </ul>
                <hr>
            </div>
        </div>
        <div class="grid-3-4 left">
            <ul class="menu menu-line" id="profile-header">
                <li>
                    <a {{if not .TabName}}class="current"{{end}} href="{{.Owner.HomeLink}}"><i class="octicon octicon-repo"></i> {{.i18n.Tr "user.repositories"}}</a>
                </li>
                <li>
                    <a {{if eq .TabName "activity"}}class="current"{{end}} href="{{.Owner.HomeLink}}?tab=activity"><i class="octicon octicon-repo"></i> {{.i18n.Tr "user.activity"}}</a>
                </li>
            </ul>
            <div class="tab-content">
                {{if eq .TabName "activity"}}
                <div class="tab-pane active" id="dashboard-news">
                <br>
                {{template "user/dashboard/feeds" .}}
                </div>
                {{else}}
                <div class="tab-pane active">
                    <div id="org-repo-list">
                        {{range .Repos}}
                            {{if not .IsPrivate}}
                            <div class="org-repo-item">
                                <ul class="org-repo-status right">
                                    <li><i class="octicon octicon-star"></i> {{.NumStars}}</li>
                                    <li><i class="octicon octicon-git-branch"></i> {{.NumForks}}</li>
                                </ul>
                                <h2><a href="{{AppSubUrl}}/{{$.Owner.Name}}/{{.Name}}">{{.Name}}</a></h2>
                                <p class="org-repo-description">{{.Description}}</p>
                                <p class="org-repo-updated">{{$.i18n.Tr "org.repo_updated"}} {{TimeSince .Updated $.i18n.Lang}}</p>
                            </div>
                            {{end}}
                        {{end}}
                    </div>
                </div>
                {{end}}
            </div>
        </div>
    </div>
</div>
{{template "ng/base/footer" .}}