{{template "base/head" .}}
{{template "base/navbar" .}}
<div id="body-nav">
    <div class="container">
        <ul class="nav nav-pills pull-right">
            <li class="active"><a href="/">Feed</a></li>
            <li><a href="/issues">Issues</a></li>
            <!-- <li><a href="/pulls">Pull Requests</a></li>
            <li><a href="/stars">Stars</a></li> -->
        </ul>
        <h3>News Feed</h3>
    </div>
</div>
<div id="body" class="container" data-page="user">
    {{if .HasInfo}}<div class="alert alert-info">{{.InfoMsg}}</div>{{end}}
    <div id="feed-left" class="col-md-8">
        <ul class="list-unstyled activity-list">
        {{range .Feeds}}
            <li>
                <i class="icon fa fa-{{ActionIcon .OpType}}"></i>
                <div class="info"><span class="meta">{{TimeSince .Created}}</span><br>{{ActionDesc . | str2html}}</div>
                <span class="clearfix"></span>
            </li>
        {{else}}
            <li>No any activity yet.</li>
        {{end}}
        </ul>
    </div>
    <div id="feed-right" class="col-md-4">
        <div class="panel panel-default repo-panel">
            <div class="panel-heading">Your Repositories
                <a class="btn btn-success pull-right btn-sm" href="/repo/create"><i class="fa fa-plus-square"></i>New Repo</a>
            </div>
            <div class="panel-body">
                <ul class="list-group">{{range .MyRepos}}
                    <li class="list-group-item"><a href="/{{$.SignedUserName}}/{{.Name}}">
                        <!-- <span class="stars pull-right"><i class="fa fa-star"></i>{{.NumStars}}</span> -->
                        <i class="fa fa-book"></i>{{.Name}}</a>
                    </li>{{end}}
                </ul>
            </div>
        </div>
    </div>
</div>
{{template "base/footer" .}}