@(recentRepositories: List[gitbucket.core.service.RepositoryService.RepositoryInfo],
  userRepositories: List[gitbucket.core.service.RepositoryService.RepositoryInfo])(body: Html)(implicit context: gitbucket.core.controller.Context)
@import context._
@import gitbucket.core.view.helpers._
<div class="container body">
  <div class="dashboard-sidebar">
    @if(loginAccount.isEmpty){
      <div id="dashboard-signin-form">@html.signinform(settings)</div>
    } else {
      <div class="panel panel-default">
        <div class="panel-heading strong">
          Your repositories <span class="badge">@userRepositories.size</span>
        </div>
        <ul class="list-group list-group-flush">
        @if(userRepositories.isEmpty){
          <li class="list-group-item">No repositories</li>
        } else {
          @defining(20){ max =>
            @userRepositories.zipWithIndex.map { case (repository, i) =>
            <li class="list-group-item 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>
              }
              </li>
            }
            @if(userRepositories.size > max){
              <li class="list-group-item show-more">
                <a href="javascript:void(0);" id="show-more-repos">Show @{userRepositories.size - max} more repositories...</a>
              </li>
            }
          }
        }
        </ul>
      </div>
    }
    <div class="panel panel-default">
      <div class="panel-heading strong">Recent updated repositories</div>
      <ul class="list-group list-group-flush">
      @if(recentRepositories.isEmpty){
        <li class="list-group-item">No repositories</li>
      } else {
        @defining(20){ max =>
          @recentRepositories.zipWithIndex.map { case (repository, i) =>
          <li class="list-group-item repo-link" style="@if(i > max - 1){display:none;}">
            @helper.html.repositoryicon(repository, false)
          <a href="@url(repository)">@repository.owner/<span class="strong">@repository.name</span></a>
            </li>
          }
          @if(recentRepositories.size > max){
            <li class="list-group-item show-more">
              <a href="javascript:void(0);" id="show-more-recent-repos">Show @{recentRepositories.size - max} more repositories...</a>
            </li>
          }
        }
      }
      </ul>
    </div>
  </div>
  <div class="dashboard-content">
    @body
  </div>
</div>
<script>
$(function(){
  $('#show-more-repos, #show-more-recent-repos').click(function(e){
    $(e.target).parents('ul.list-group').find('li.repo-link').show();
    $(e.target).parents('li.show-more').remove();
  });
});
</script>