@(activities: List[gitbucket.core.model.Activity],
  recentRepositories: List[gitbucket.core.service.RepositoryService.RepositoryInfo],
  userRepositories: List[gitbucket.core.service.RepositoryService.RepositoryInfo])(implicit context: gitbucket.core.controller.Context)
@import context._
@import gitbucket.core.view.helpers._
@main("GitBucket"){
  @dashboard.html.tab()
  <div class="container">
    <div class="row">
      <div class="col-md-8">
        <div class="pull-right">
          <a href="@path/activities.atom"><img src="@assets/common/images/feed.png" alt="activities"></a>
        </div>
        @helper.html.activities(activities)
      </div>

      <div class="col-md-4">
        @settings.information.map { information =>
          <div class="alert alert-info" style="background-color: white; color: #555; border-color: #4183c4; font-size: small; line-height: 120%;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            @Html(information)
          </div>
        }
        @if(loginAccount.isEmpty){
          @signinform(settings)
        } else {
          <div class="box-header">
            <div class="pull-right">
              <a href="@path/new" class="btn btn-success btn-sm">New repository</a>
            </div>
            <span class="strong">Your repositories</span> <span class="badge">@userRepositories.size</span>
          </div>
            @if(userRepositories.isEmpty){
              <div class="box-content-bottom">
                No repositories
              </div>
            } else {
              <div class="box-content-bottom" style="padding: 0px;">
                @defining(20){ max =>
                  @userRepositories.zipWithIndex.map { case (repository, i) =>
                    <div class="box-content-row repo-link" style="@if(i > max - 1){display:none;}">
                      @helper.html.repositoryicon(repository, false)
                      @if(repository.owner == loginAccount.get.userName){
                        <a href="@url(repository)"><span class="strong">@repository.name</span></a>
                      } else {
                        <a href="@url(repository)">@repository.owner/<span class="strong">@repository.name</span></a>
                      }
                    </div>
                  }
                  @if(userRepositories.size > max){
                    <div class="box-content-row show-more">
                      <a href="javascript:void(0);" id="show-more-repos">Show more @{userRepositories.size - max} pages...</a>
                    </div>
                  }
                }
              </div>
            }
        }
        <div class="box-header">
          <span class="strong">Recent updated repositories</span>
        </div>
        @if(recentRepositories.isEmpty){
          <div class="box-content-bottom">
            No repositories
          </div>
        } else {
          <div class="box-content-bottom" style="padding: 0px;">
            @recentRepositories.map { repository =>
              <div class="box-content-row repo-link">
                @helper.html.repositoryicon(repository, false)
                <a href="@url(repository)">@repository.owner/<span class="strong">@repository.name</span></a>
              </div>
            }
          </div>
        }
      </div>
    </div>
  </div>
}
<script>
$(function(){
  $('#show-more-repos').click(function(e){
    $(e.target).parents('div.box-content-bottom').find('div.repo-link').show();
    $(e.target).parents('div.show-more').remove();
  });
});
</script>