<div class="loading" ng-show="loading">
  <i class="fa fa-spinner fa-spin fa-3x"></i>
</div>

<div class="container ready-indicator" ng-show="!loading" data-status="{{ loading ? '' : 'ready' }}">
  <div class="repo-list" ng-show="!user.anonymous">
    <div ng-class="user.organizations.length ? 'section-header' : ''">
      <div class="button-bar-right">
        <a href="/new/">
          <button class="btn btn-success">
            <i class="fa fa-upload user-tool" title="Create new repository"></i>
            Create Repository
          </button>
        </a>
        
        <a href="/organization/{{ namespace }}" ng-show="namespace != user.username">
          <button class="btn btn-default">
            <i class="fa fa-group user-tool"></i>
            View Organization
          </button>
        </a>
      </div>
      
      <span class="namespace-selector" user="user" namespace="namespace" ng-show="user.organizations"></span>
    </div>

    <h3 ng-show="namespace == user.username">Your Repositories</h3>
    <h3 ng-show="namespace != user.username">Repositories</h3>
    
    <div ng-show="user_repositories.length > 0">
      <div class="repo-listing" ng-repeat="repository in user_repositories">
        <span class="repo-circle no-background" repo="repository"></span>
        <a ng-href="/repository/{{repository.namespace}}/{{ repository.name }}">{{repository.namespace}}/{{repository.name}}</a>
        <div class="description markdown-view" content="repository.description" first-line-only="true"></div>
      </div>
    </div>

    <div ng-show="user_repositories.length == 0" style="padding:20px;">
      <div class="alert alert-info">
        <h4 ng-show="namespace == user.username">You don't have any repositories yet!</h4>
        <h4 ng-show="namespace != user.username">This organization does not have any repositories yet!</h4>
        <a href="/guide"><b>Click here</b> to learn how to create a repository</a>
      </div>

    </div>
  </div>

  <div class="repo-list">
    <h3>Top Public Repositories</h3>
    <div class="repo-listing" ng-repeat="repository in public_repositories">
      <span class="repo-circle no-background" repo="repository"></span>
      <a ng-href="/repository/{{repository.namespace}}/{{ repository.name }}">{{repository.namespace}}/{{repository.name}}</a>
      <div class="description markdown-view" content="repository.description" first-line-only="true"></div>
    </div>
  </div>
</div>