<div class="container">
  <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" data-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 class="resource-view" resource="user_repositories">
      <!-- User/Org has repositories -->
      <div ng-show="user_repositories.value.length > 0">
        <div class="repo-listing" ng-repeat="repository in user_repositories.value">
          <span class="repo-circle no-background" repo="repository"></span>
          <a ng-href="/repository/{{repository.namespace}}/{{ repository.name }}"
             data-repo="{{repository.namespace}}/{{ repository.name }}">
            {{repository.namespace}}/{{repository.name}}
          </a>
          <div class="description markdown-view" content="repository.description" first-line-only="true"></div>
        </div>
      </div>

      <!-- User/Org has no repositories -->
      <div ng-show="user_repositories.value.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 doesn't have any repositories, or you have not been provided access.</h4>
          <a href="http://docs.quay.io/solution/getting-started.html"><b>Click here</b> to learn how to create a repository</a>
        </div>
      </div>
    </div>

  </div>

  <div class="repo-list">
    <h3>Top Public Repositories</h3>
    <div class="resource-view" resource="public_repositories">
      <div class="repo-listing" ng-repeat="repository in public_repositories.value">
        <span class="repo-circle no-background" repo="repository"></span>
        <a ng-href="/repository/{{repository.namespace}}/{{ repository.name }}"
           data-repo="{{repository.namespace}}/{{ repository.name }}">
          {{repository.namespace}}/{{repository.name}}
        </a>
        <div class="description markdown-view" content="repository.description" first-line-only="true"></div>
      </div>
      <div class="page-controls">
        <button class="btn btn-default" data-title="Previous Page" bs-tooltip="title" ng-show="page > 1"
                ng-click="movePublicPage(-1)">
          <i class="fa fa-chevron-left"></i>
        </button>
        <button class="btn btn-default" data-title="Next Page" bs-tooltip="title" ng-show="page < publicPageCount"
                ng-click="movePublicPage(1)">
          <i class="fa fa-chevron-right"></i>
        </button>
      </div>
    </div>
  </div>
</div>
